39

在这个旧的 StackOverflow 帖子中,据说只有 IE6 与 PNG 图标有问题,但在 channel9 上,它说 IE7 也不支持 PNG 图标。

但是,不幸的是,channel9 链接已被删除 - 那么有谁知道官方/测试信息表明哪个版本的 IE 开始支持 PNG 图标?

4

5 回答 5

82

简短的回答:

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

为什么会出现混乱?

正如您所提到的,有些人似乎暗示 .png 图标在 IE7+ 中受支持,而另一些人则相反。

我相信这种混淆是由于从 IE7 开始,.png图像可以 .ico文件中使用(.ico文件毕竟只是图像容器文件),这是真的。

然而,以前,直接.png网站图标只与其他主要浏览器(Chrome、Firefox 等)兼容。

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

Favicon 维基百科页面上的文件格式支持部分类似于以下内容:

在此处输入图像描述

[20]指向一篇名为Fun with Favicons的文章,由前微软员工和 2013 年微软 MVP 埃里克·劳(Eric Law)撰写。

文章包括以下内容:

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

  • 网站图标可以使用脚本动态更改。
  • Favicon URL 可能直接指向 GIF 文件。
  • Favicon URL 可能直接指向 PNG 文件。

但请注意,.png由于与旧版本 IE 的兼容性问题,使用直接网站图标可能不是最好的主意,正如 Eric 在同一篇博文中提到的那样:

“当然,仅仅因为你可以指向 a.png或者.gif并不意味着你应该——出于兼容性和体验的原因(请记住 .ico,可以保存多个图像尺寸以最适合显示上下文),你应该继续使用 a.ico作为你的图标。 "

Mr.Law 写的另一篇文章IE11 Changes也简要提到了 IE11 对直接.png.gif文件格式 favicon 的支持。

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

有很多官方和非官方消息证明 IE10 及之前版本只支持.icoFavicons。

截至 2013 年 10 月 13 日,Favicon Wikipedia 页面的“文件格式支持”部分类似于以下内容:

在此处输入图像描述

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

“请注意,在 Internet Explorer中无法显示除图像格式以外的快捷方式图标,.ico例如.bmp.gif或。”.png

一些非官方来源的引述:

“首先,IE 需要一个实际的图标文件。不仅仅是一个jpgpng带有ico扩展名的重命名。” - Greg Hostetler,在 IE7 中设置网站图标。.

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

“另一方面,Internet Explorer 不支持 PNG 图标,但它会忽略 PNG 图标并使用 ICO 图标,而不管它们的声明顺序如何。” -乔纳森 T.尼尔

“一个。大问题。IE10不支持条件注释,也不支持PNG图标。” —— 乔纳森·T·尼尔

其他问题回答:

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

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

应该是 16x16.ico吗?

以下是微软对此的看法:

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

于 2013-06-14T08:42:45.053 回答
2

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

这是关于 Favicon 的非常好的文章http://www.jonathantneal.com/blog/understand-the-favicon/

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

于 2013-06-13T09:54:57.333 回答
1

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

于 2013-06-05T15:20:41.660 回答
0

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

于 2013-06-16T09:47:38.963 回答
0

不要忘记 Apple 触摸图标支持

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

于 2015-02-26T18:33:21.473 回答