How are those little images in a browser's address bar called?

[Schnitte]

I encountered this when I started using Firefox, although I think other browsers include this feature as well: When you enter a web site, there’s the chance of a tiny little picture, for example the corporate logo, being displayed in the address bar next to the URL. How are those images called? How can I include one in my own pages?

[friedo]

Browsers impliment this “feature” by automatically requesting the file /favicon.ico from the server. This is one of Microsoft’s brilliant ideas that helpfuly fills the error logs of people who run sites without such a file present. It was later copied by other browsers.

</rant>

Anyway, the image has to be 16x16 pixels, and in Microsoft’s .ico image format.

[Fromage_A_Trois]

And it’s called a “Favicon”, if you hadn’t worked it out from friedo’s post.

[Anachronism]

Can I add these to links in my favorites/toolbar links that don’t have one? I am using Firefox.

[Equipoise]

@Schnitte

I encountered this when I started using Firefox, although I think other browsers include this feature as well: When you enter a web site, there’s the chance of a tiny little picture, for example the corporate logo, being displayed in the address bar next to the URL. How are those images called? How can I include one in my own pages?

I’ve been having fun with these myself. Here are 2 places I’ve found that will make them.

FavIcon From Pics - This place makes favicons from pictures you choose.

http://www.favicon.co.uk/ - This place allows you to draw ones yourself.

In each case, you download the finished icon, then upload it to your server. You have to put a bit of code in your html for it to show up. It generally won’t show up until you’ve added a page to your bookmark, click off the page, then go back. At least, they didn’t for me.

[Dusty]

@friedo

Browsers impliment this “feature” by automatically requesting the file /favicon.ico from the server. This is one of Microsoft’s brilliant ideas that helpfuly fills the error logs of people who run sites without such a file present. It was later copied by other browsers.

I think that’s just IE. Mozilla (and browsers based on it) only show the icon if reference to it is made in the HTML of the page itself, something like:

<link rel=“Shortcut Icon” href=“icon.png” type=“image/png”>

Anyway, the image has to be 16x16 pixels, and in Microsoft’s .ico image format.

Again, for IE yes, but Mozilla can use any image format.

[Schnitte]

All right, I create a pic, convert it into .ico ('coz I want my pages to work with Internet Explorer as well), upload and insert some HTML in the header of the source code. It works! Thanks, guys!