How can I check to see if my favicon file is valid for IE?

Question

My favicon works fine in FF, Chrome and Safari but not IE. All are modern versions, but I don't have exact version numbers.

<link rel='shortcut icon' href = '../images/favicon.png'>

It appears that in 2008 , IE was more particular ( see SO here ).

Google search here.

However, is there anyway I can troubleshoot my missing favicon further. Is IE the only browser that has a problem with .png files. Did they continue this tradition of difficulty in 2016?

Thanks for any help.

you might want to add a `type=image/png` attrib for better compat when not using an ico file — dandavis, May 24 '16 at 00:57

score 1 · Answer 1 · answered May 24 '16 at 00:50

1

Make sure that your favicon file is a .ico file, that is my best guess. Check out this web tool to convert files --> http://www.favicon-generator.org/

answered May 24 '16 at 00:50

C. Knapp

74
3

score 1 · Answer 2 · answered May 25 '16 at 21:44

You use a PNG icon, declared as if it was an old fashion ICO icon (rel="shortcut icon", no type attribute).

You should combine the old ICO and "modern" PNG formats to get the job done everywhere. For example:

<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="/path/to/icons/favicon.ico">

I suggest you to use Real Favicon Generator, which generates the icons and the corresponding HTML code. Full disclosure: I'm the author of this site.

How can I check to see if my favicon file is valid for IE?

2 Answers2