标签:.ico或.png /正确的标签?

在HTML5文档中,您推荐哪种favicon格式,为什么? 我希望它得到IE7和所有现代浏览器的支持。

另外,当使用.png时,是否需要指定types(type =“image / png”)?

与所有浏览器的兼容性坚持与.ico

.png获得越来越多的支持,因为使用多个程序更容易创build。

为.ico

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

对于.png,你需要指定types

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

看到这里: 跨浏览器的图标

这是要走的路:

 <link rel="icon" type="image/png" href="http://www.example.com/image.png"><!-- Major Browsers --> <!--[if IE]><link rel="SHORTCUT ICON" href="http://www.example.com/alternateimage.ico"/><![endif]--><!-- Internet Explorer--> 

我知道这是一个古老的问题。

这是另一个select – 参加不同的平台要求 – 来源

 <link rel='shortcut icon' type='image/vnd.microsoft.icon' href='/favicon.ico'> <!-- IE --> <link rel='apple-touch-icon' type='image/png' href='/icon.57.png'> <!-- iPhone --> <link rel='apple-touch-icon' type='image/png' sizes='72x72' href='/icon.72.png'> <!-- iPad --> <link rel='apple-touch-icon' type='image/png' sizes='114x114' href='/icon.114.png'> <!-- iPhone4 --> <link rel='icon' type='image/png' href='/icon.114.png'> <!-- Opera Speed Dial, at least 144×114 px --> 

这是迄今为止我发现的最广泛的方法。

最终的决定取决于你自己的需求。 问问你自己,你的目标受众是谁?