哪个版本的IE支持PNG favicons?

时间:2013-06-05 15:15:26

标签: html image internet-explorer cross-browser favicon

In this old StackOverflow post,据说只有IE6与PNG favicons but on channel9有问题,它说IE7也不支持PNG favicons。

但是,不幸的是,channel9链接已被删除 - 所以有人知道官方/测试的信息,说明哪个版本的IE开始支持PNG favicons吗?

5 个答案:

答案 0 :(得分:81)

答案简短:

IE11是第一个支持直接使用.png.gif文件格式标签的Internet Explorer版本。

为什么会出现混乱?

如你所说,some seem to have implied that .png favicons are supported in IE7+,而其他人却反过来说。

我认为造成这种混淆的原因是.png图像可以在内部 .ico文件中使用(.ico文件毕竟只是图像容器文件)从IE7开始,这是真的。

但是,以前,直接.png首选项仅与其他主流浏览器(Chrome,Firefox等)兼容。

IE11及更高版本中直接.png Favicon兼容性的证明:

File Format support上的Favicon wikipedia page部分类似于以下内容:

enter image description here

[20] 指向由Eric Law撰写的一篇名为Fun with Favicons的文章,他是前微软员工和2013年微软MVP。

该文章包括以下内容:

  

IE11显示了Favicon支持的一些重大改进:

     
      
  • 可以使用脚本动态更改Favicons。
  •   
  • Favicon网址可能直接指向GIF文件。
  •   
  • Favicon网址可能直接指向PNG文件。
  •   

请注意,由于与旧版本IE的兼容性问题,使用直接.png首选项可能不是最佳选择,正如Eric在同一篇博文中提到的那样:

  

“当然,仅仅因为你可以指向.png.gif并不意味着   你应该 - 出于兼容性和经验原因(记住   .ico可以容纳多个图片大小以最适合显示内容)   你应该继续使用.ico作为你的图标。“

由Mr.Law撰写的另一篇名为IE11 Changes的文章,也简要提到了IE11对直接.png.gif文件格式赞成的支持。

IE10及之前.png Favicon不兼容的证明:

有许多官方和非官方消息来源证明IE10之前只支持.ico Favicons。

截至13/10/2013,Favicon维基百科页面的“文件格式支持”部分类似于以下内容:

enter image description here

2012年MSDN上的一篇名为How to Add a Shortcut Icon to a Web Page的文章包含以下代码段:

  

“请注意.ico以外的图片格式的快捷方式图标 -   实例,.bmp.gif.png - 无法在互联网上显示   资源管理器“。

来自非官方消息来源的一些引言:

  

“首先,IE需要一个实际的图标文件。不仅仅是jpgpng重命名   扩展名为ico。“ - Greg Hostetler, Setting up Favicons in IE7.

     

“它必须是Windows图标格式而不是PNG或GiF,IE8   支持ICO。“ - xyberbit, MSDN.

     

“另一方面,Internet Explorer不支持PNG favicon,   但无论如何,它都会忽略PNG图标并使用ICO图标   声明它们的顺序。“ - Jonathon T.Neal

     

“一个。大。问题.IE10不支持条件评论,而且它   不支持PNG favicons。“ - Jonathon T.Neal

回答了其他疑问:

  

我可以将文件类型从.png重命名为.ico,反之亦然   解决这个不兼容问题?

可悲的是没有(由Truerror在2013年6月17日在IE10中测试)。 IE10及之前需要一个实际的图标(.ico)文件。

  

应该是16x16 .ico

以下是Microsoft对此的评价:

  

“考虑同时创建16x16像素图标和32x32像素   图标(以及更大,带宽允许),因为在高DPI显示器上,   Internet Explorer可以拉伸图标以适合可用空间。“

答案 1 :(得分:2)

没有任何版本的Internet Explorer可以支持PNG图标。

这是关于Favicon http://www.jonathantneal.com/blog/understand-the-favicon/

的非常好的文章

http://en.wikipedia.org/wiki/Favicon

答案 2 :(得分:1)

IE8 +支持.png这可能对以下内容有用:http://www.w3.org/2005/10/howto-favicon

答案 3 :(得分:0)

任何版本的IE都不支持.png favicons。但是,它们可能在IE 8及更高版本中得到部分支持。

答案 4 :(得分:0)

别忘了Apple touch图标支持

https://css-tricks.com/favicon-quiz/