Little Icon in Address Bar?

[Thehitman]

I've noticed many sites are putting these little icons up in the address bar.

How in the world do you do that?

[Major Payne]

It is called a favicon. See:
FavIcon from Pics (http://www.html-kit.com/favicon/)
FavIcon Generator (http://tools.dynamicdrive.com/favicon/)
How to Add a Shortcut Icon to a Web Page (http://msdn2.microsoft.com/en-us/library/ms537656.aspx)

Ron

[saintpretz59]

Would you look at that! I just figured out how to make those today. I wikipedia'd it. On your index.html page, put both of these in the header:
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
make the hrefs point to your icon.
This is formatted for a .ico format. Check wikipedia for other formats.

[Major Payne]

Easier to just use the online favicon tools to make it in what format you want. Not sure, but think IE only recognizes the *.ico extension athough you can have it in any format you wish... even an animated gif.

Ron

[saintpretz59]

No, it works on safari as well. Not on FFox tho, darn. But it definately works on Safari (at least for me...)

[Major Payne]

I found that FF works very well with favicons. Much better then IE. I use these links to mine: <link rel="icon" type="image/x-icon" href="http://PayneLessDesigns.com/imgs/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="http://PayneLessDesigns.com/imgs/favicon.ico">


Personally, I really don't care if they pick up in IE or not. My stuff is designed for Firefox unless otherwise requested.

Ron

[tigermatt]

Most of the time you don't need to add the links to the page at all, just upload your favicon icon (18 x 18 pixels) to the root of your site, named favicon.ico and it gets picked up.

I found that FF works very well with favicons.
This method works particularly well in FF, yet doesn't require extra code bogging down your pages - not so sure about IE though.

[gizmo]

Maybe I'm missing something, but I've just got <link rel="shortcut icon" href="favicon.ico" /> and it works in FF (is that IE thing still around?).

[Major Payne]

IE Favicon Info (http://www.favicon.com/ie.html)

Most of the time you don't need to add the links to the page at all, just upload your favicon icon (18 x 18 pixels) to the root of your site, named favicon.ico and it gets picked up.If there's no link to your favicon, browsers will not automatically look for one. And the code is not going to bog down your pages. It will be parsed very fast as it's text.

Ron