html - 哪些版本的 IE 支持 PNG 图标？

Question

In this old StackOverflow post ，据说只有 IE6 有 PNG 图标的问题，but on channel9 ，它说IE7也不支持PNG图标。

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

Answer 1

简短的回答:

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

为什么会混淆？

如您所述，some seem to have implied that .png favicons are supported in IE7+ ，而其他人则相反。

我认为造成困惑的原因是 .png 图片可以在 inside .ico 文件中使用(.ico 文件毕竟只是图像容器文件)从 IE7 开始，这是真的。

但是，以前，直接 .png 图标仅与其他主要浏览器(Chrome、Firefox 等)兼容。

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

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

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

文章包括以下内容:

IE11 shows some significant improvements in Favicon support:

• Favicons may be changed dynamically using script.
• The Favicon URL may point directly at a GIF file.
• The Favicon URL may point directly at a PNG file.

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

"Of course, just because you can point at a .png or .gif doesn't mean you should-- for both compatibility and experience reasons (remember .ico can hold multiple image sizes to best suit the display context) you should continue to use a .ico as your favicon."

Mr.Law 的另一篇文章，名为IE11 Changes ，还简单提到IE11对直接.png和.gif文件格式favicons的支持。

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

有很多官方和非官方的资料证明IE10及之前的版本只支持.ico Favicons。

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

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

"Note that shortcut icons in image formats other than .ico — for instance, .bmp, .gif, or .png — cannot be displayed in Internet Explorer."

一些来自非官方来源的引述:

"First, IE requires an actual icon file. Not just a jpg or png renamed with an ico extension." - Greg Hostetler, Setting up Favicons in IE7..

"It must be windows icon format instead of PNG or GiF, IE8 just supports ICO." - xyberbit, MSDN..

"On the other hand, Internet Explorer does not support PNG favicons, but it will ignore the PNG favicon and use the ICO favicon, regardless of the order in which they are declared." - Jonathon T.Neal.

"One. Big. Problem. IE10 does not support conditional comments, and it does not support PNG favicons." - Jonathon T.Neal

回答的其他问题:

Can I just re-name the filetype from .png to .ico and vice-versa to get around this incompatibility issue?

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

Should it be an 16x16 .ico?

这是Microsoft不得不说:

"Consider creating both a 16x16-pixel icon as well as a 32x32-pixel icon (and larger, bandwidth permitting), since on high-DPI displays, Internet Explorer may stretch the icon to fit the available space."