在这个旧的 StackOverflow 帖子中,据说只有 IE6 与 PNG 图标有问题,但在 channel9 上,它说 IE7 也不支持 PNG 图标。
但是,不幸的是,channel9 链接已被删除 - 那么有谁知道官方/测试信息表明哪个版本的 IE 开始支持 PNG 图标?
在这个旧的 StackOverflow 帖子中,据说只有 IE6 与 PNG 图标有问题,但在 channel9 上,它说 IE7 也不支持 PNG 图标。
但是,不幸的是,channel9 链接已被删除 - 那么有谁知道官方/测试信息表明哪个版本的 IE 开始支持 PNG 图标?
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 的支持。
.png
IE10 及之前的 Favicon 不兼容证明:有很多官方和非官方消息证明 IE10 及之前版本只支持.ico
Favicons。
截至 2013 年 10 月 13 日,Favicon Wikipedia 页面的“文件格式支持”部分类似于以下内容:
MSDN 上的一篇 2012 年文章 How to Add a Shortcut Icon to a Web Page包含以下片段:
“请注意,在 Internet Explorer中无法显示除图像格式以外的快捷方式图标,
.ico
例如.bmp
、.gif
或。”.png
一些非官方来源的引述:
“首先,IE 需要一个实际的图标文件。不仅仅是一个
jpg
或png
带有ico
扩展名的重命名。” - Greg Hostetler,在 IE7 中设置网站图标。.“必须是windows图标格式而不是PNG或GiF,IE8只支持ICO。” - xyberbit,MSDN。.
“另一方面,Internet Explorer 不支持 PNG 图标,但它会忽略 PNG 图标并使用 ICO 图标,而不管它们的声明顺序如何。” -乔纳森 T.尼尔。
“一个。大问题。IE10不支持条件注释,也不支持PNG图标。” —— 乔纳森·T·尼尔
我可以将文件类型从
.png
to重命名,.ico
反之亦然来解决这个不兼容问题吗?
遗憾的是没有(由@Truerror于 2013 年 6 月 17 日在 IE10 中测试)。IE10 及之前的版本需要一个实际的图标 ( .ico
) 文件。
应该是 16x16
.ico
吗?
以下是微软对此的看法:
“考虑创建一个 16x16 像素的图标和一个 32x32 像素的图标(以及更大的,带宽允许),因为在高 DPI 显示器上,Internet Explorer 可能会拉伸图标以适应可用空间。”
没有任何版本的 Internet Explorer 可以支持 PNG 图标。
这是关于 Favicon 的非常好的文章http://www.jonathantneal.com/blog/understand-the-favicon/
IE8+ 支持.png 这可能对:http ://www.w3.org/2005/10/howto-favicon 有用
任何版本的 IE 都不完全支持 .png 图标。但是,它们可能在 IE 8 及更高版本中得到部分支持。
不要忘记 Apple 触摸图标支持