No reason not to have a custom favicon

[John Sharp]

There is no reason not to place a favicon.ico on your website. Doing so shows you are one that looks after detail. The favicon will show up not only at the top of your page but will also show up in your users bookmarks. This small thing can have a big impact. You do not even need to make your own custom favicon using image editing software. The link below will take you to a site that will make one for you. Your favicon can be a photo of yourself, your website logo and any other thing you might think of.

Click here to create your favicon


After you make your favicon just add this to the head of your page:

<link rel="shortcut icon" type="image/x-icon" href="../path-to-icon.ico" />

That’s it your done. <snip>

Thank You
John Sharp

[Dan Grossman]

Where's the link to the place to create the favicon?

[felgall]

Here's a few online favicon generators and a Photoshop tutorial (all from page one of a Google search for favicon).

http://www.favicon.cc
http://www.favicon.co.uk
http://tools.dynamicdrive.com/favicon/
http://www.favicon.com
http://www.thesitewizard.com/archive/favicon.shtml
http://www.htmlkit.com/services/favicon/
http://www.photoshopsupport.com/tuto...r/favicon.html
http://www.degraeve.com/favicon/

Note that if you call the file favicon.ico and place it in the same folder as the web page you don't need ANYTHING in the HTML in order for it to get used since browsers automatically look for that file if you don't have an entry in the HTML providing a different file name.

[BPartch]

Originally Posted by felgall

Note that if you call the file favicon.ico and place it in the same folder as the web page you don't need ANYTHING in the HTML in order for it to get used since browsers automatically look for that file if you don't have an entry in the HTML providing a different file name.

Did not know this.

[zcorpan]

Also, the favicon doesn't need to be in Microsoft's ICO format. It can be PNG instead. You can even have an animated image. You can even have a <canvas> game as favicon. You can even use SVG as favicon (well, maybe not yet, but soon, at least with Opera).

[felgall]

Originally Posted by zcorpan

Also, the favicon doesn't need to be in Microsoft's ICO format. It can be PNG instead. You can even have an animated image. You can even have a <canvas> game as favicon. You can even use SVG as favicon (well, maybe not yet, but soon, at least with Opera).

Do all the popular browser including IE support all those formats? If not then if you do use one of those formats then what do those people using one of the lesser browsers see?

[ralph.m]

Originally Posted by felgall

Do all the popular browser including IE support all those formats?

Indeed. I didn't think IE (at least IE7 and below) recognized formats other than .ico.

[zcorpan]

Originally Posted by felgall

Do all the popular browser including IE support all those formats? If not then if you do use one of those formats then what do those people using one of the lesser browsers see?

No, and they'll probably see the default icon. Not the end of the world. But I'm sure it's possible to give an ICO to IE and something else to other browsers.

[RonSanSolo]

Does anyone know if there's a way to create favicons (ie. ICO) in Fireworks CS4? If not natively, is there an extension?

[BPartch]

You can draw them in FW's but I use a program called Irfanview (free) to create the .ico file. I'm sure there are other ways.

[ralph.m]

This recent thread presented more options:

http://www.sitepoint.com/forums/showthread.php?t=640561