internet explorer 9 not showing .png favicon

Question

I have a favicon , favicon.png in directory - img/favicon/favicon.png

<link rel="icon" type="image/png" href="img/favicon/favicon.png" /> 
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/favicon.png" />

In chrome , firefox etc it shows correctly, in IE9 it doesnt show, where the favicon should be it shows the internet explorer logo. Is there any reason why IE9 is wont show the png?

Answer 1

The reason why it isn't working is that all favicons must be in .ico form. You can convert it here. By default, the browser scans for a file in the same directory called favicon.ico and displays that.