Favicon: .ico or .png / correct tags?

html png favicon ico
Richard picture Richard · May 25, 2011 · Viewed 327.3k times · Source

In a HTML5 document, which favicon format do you recommend and why? I want it to be supported by IE7 and all the modern browsers.

Also, when using .png, do I need to specify the type (type="image/png")?

Answer

Ibu picture Ibu · May 27, 2011

For compatibility with all browsers stick with .ico.

.png is getting more and more support though as it is easier to create using multiple programs.

for .ico 

<link rel="shortcut icon" href="http://example.com/myicon.ico" />

for .png, you need to specify the type

<link rel="icon" type="image/png" href="http://example.com/image.png" />

Related questions

Favicon Standard - 2020 - svg, ico, png and dimensions?

What favicon dimensions, file formats and meta/link tags should be used as of 2020? This includes apple icon, windows, android and other devices people use today. I use Opera and I can see it supports svg format. Is it the …

Read More
Capture HTML Canvas as gif/jpg/png/pdf?

Is it possible to capture or print what's displayed in an html canvas as an image or pdf? I'd like to generate an image via canvas, and be able to generate a png from that image.

Read More
What is difference between png8 and png24

I want to know about uses of png files. There are two formats available for png images; one is png8 and the another one is png24. I would like to know that if I use either type in my html …

Read More