Favicon not showing, my icon is no good

Question

I am able to use favicons if I copy one from another site and test. But my own doesn't work in IE8/Chrome. Mine is a 32x32 24bit icon created by Visual Studio. I always seem to have problems getting icons working right, what should I use? I thought I could have images up to 64x64...

Palm

Answer 1

See this site for instructions for creating a favicon.ico - it needs to be 16*16, not 32*32 (though you can have a composite .ico with both sizes).

I have created composite .ico files with several sizes, so they appear correctly on the browser and the desktop.

Ejaculation

Answer 2

First, just to be safe, convert your original icon to an .ico using this converter.

Then, for cross-browser compatibility (specifically Internet Explorer), use:

<link rel="shortcut icon" href="http://www.yoursite.com/youricon.ico" />

Most browsers are smart enough to use any PNG/ICO named favicon.ico located in the root of your site, but this is not always reliable.

Yonit

Answer 3

The wikipedia page on favicon contains a lot of information.

The support for favicons differ a bit from browser to browser, and there is no guarantee that the favicon will work on any given system. Sometimes the browser just ignores it for no apparent reason.

To get the widest browser support, you should use the .ico format. There is a compatibility chart on the wikipedia page that tells you how widely supported each format is.

Collis

Yes I read it and decided to use ICO. But the ICO I have won't work... I can't find what color depths are supported. Should 24bit 64x64 work? – Palm

Use converticon.com to be sure that it's really an ICO (and it needs to be 32x32). – Yonit

Answer 4

You need to use 16x16 .ico file. 32x32 .ico files and .png, .jpg files don't always work in browser title bars. Nowadays you might find some browsers support this but not every browser does this so try to stick to 16x16 .ico files.

Colucci

Answer 5

I was facing the same issue, you just have to add some extra character,

example: if you have written C:\Users\Desktop\image\icon.ico for fetching the image then you just have to add ?v=2 like this

"C:\Users\Desktop\image\icon.ico?v=2".

or you can just change the format to .jpg, .png etc.

Parenthesis