favicon.ico not showing up anywhere

Question

I've looked at several posts on here, and I've done further research online, but I can't see to find the problem.

I put the favicon.ico in the main directory, but it's not showing up on any browser. I've tried it personally on Firefox and Safari, and I've tried the rest on Browsershots.

I also have this line in the head of the html:

<link rel="icon" type="image/x-icon" href="favicon.ico"/>

I've also tried it without the type..., as I have it on other pages on the same server.

This website doesn't show its favicon (thistle)

This website does show its favicon (greenman)

Two of my sites on the same server with the favicon in the same place of the site's directory. ??

The only thing I can figure is there was a problem converting the ico online and saving it on my MacBook Pro before uploading it to the server?

Any help or hints or thoughts are greatly appreciated.

Answer 1

Had the same problem. Found this great answer: https://stackoverflow.com/a/16375622/5359989

What worked for me was changing 'favicon.ico' to something unique such as 'myfavicon.ico' and referencing it in the html accordingly. Hope this works for you also.

Answer 2

Not all icons are the same! I had this problem for a while and could never figure out why some browsers didnt show the icon. I knew with absolute certainty that the file existed where the link tag said it did. Eventually I discovered that, at least for Chrome and Opera, they WONT display some icons depending on the formats within the .ico file.

E.g. a .ico that has, only, 64x64 and 32x32 and 16x16 formats will display.

BUT a .ico that also has, IN ADDITION TO those above, 512x512 256x256, 128x128 and 48x48 formats, will NOT display.

That really looks like a browser issue but its curious that it affects more than one browser.

Anyhow the solution, for me at least, was to only include 64x64 and 32x32 and 16x16 formats.