Internet Explorer 9 未显示 .png 图标答案

【问题标题】：internet explorer 9 not showing .png faviconInternet Explorer 9 未显示 .png 图标
【发布时间】：2012-03-07 21:46:16
【问题描述】：

我在目录-img/favicon/favicon.png 中有一个favicon，favicon.png

<link rel="icon" type="image/png" href="img/favicon/favicon.png" /> 
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/favicon.png" />

在 chrome 、 firefox 等中它显示正确，在 IE9 中它不显示，它应该在 favicon 的位置显示 Internet Explorer 徽标。 IE9不显示png有什么原因吗？

【问题讨论】：

有时网站图标需要一段时间才能加载。清除缓存，重置浏览器，然后在页面上等待几秒钟
对此不满意，我还将其目录更改为根目录，并将 favicon.ico 放在根目录中（尽管我已将链接的 favicon 保留为 png），但它不是被 IE9 接收
你试过不同的服务器吗？或者您可以链接我们的网站，以便我们可以期待它？
没有在不同的服务器上尝试过，但现在它选择 .ico 作为网站图标，我仍然链接了 png，因为我在上面的原始问题中拥有它。我在根文件夹中有 favicon.ico。 IE 选择 .ico 而不是 .png 有问题吗？我还需要两个不同版本的网站图标，一个用于网站，另一个用于我的 google 个人资料的 about 部分（它选择 .ico 版本）。
那是因为它在 IE10 或更早版本中不受支持 - 请参阅 Which versions of IE support PNG favicons?

【解决方案1】：

它不起作用的原因是所有网站图标都必须采用 .ico 格式。您可以将其转换为here。默认情况下，浏览器会在同一目录中扫描名为 favicon.ico 的文件并显示该文件。

【讨论】：

对于延迟回复表示歉意。是否无法链接到中的 png 并将其用作图标，然后在未链接的根目录中有一个 ico。反正我两个都有。 Firefox和Chrome显示png没问题，IE不显示png或ico

【解决方案2】：

W3C 的方法似乎与 IE9 不兼容：

不确定这里发生了什么。无论如何方法都无法在IE9中显示图标，我已经尝试了所有方法，清空了缓存等。主要回应此线程指出W3C方法与2月份jacktheripper发布的不同。

【讨论】：

【解决方案3】：

Internet Explorer 不支持 PNG 图标。其他主要浏览器同时支持 PNG 和 ICO 格式。为获得最佳效果，请使用 ICO 格式。

在此处将 PNG 图标转换为 ICO：http://www.favicon.cc/

【讨论】：

【解决方案4】：

您的网站密码是否通过 401（基本身份验证）保护？

我发现这也是网站图标不会出现在您的浏览器中的一个原因。我发现这一点很困难；）

Chrome 和 Firefox 可以很好地处理这个问题。只是 IE9 在这方面有点古怪。

【讨论】：

【解决方案5】：

基于this论坛，我想说关键是<link type="image/png" href="/images/site/favicon.png" rel="icon">

type="image/png" 或 rel="icon" 可能会有所帮助。

【讨论】：

我已经有 type="image/png" 和 rel="icon" 了。我还将目录更改为根目录，并在此处也放了一个 favicon.ico（尽管我已将链接的 favicon 保留为 png）并且它没有被 IE9 拾取
对不起，我明白你的意思了。还有另一个Stackoverflow.com answer 可能会有所帮助。它没有解决您面临的问题，但它指出使用 ico 文件可能与 png 一样好，因为两者都允许 alpha 透明度。

【解决方案6】：

Internet explorer（从 5 开始的所有版本）仅支持 .ico 文件为 favicon

来源：wikipedia。另见：another answer。

【讨论】：

【解决方案7】：

如果您想将 .ico 与 Internet Explorer 一起使用，则必须将 .ico 文件用于 favicon。我不会以任何其他方式工作。您可以使用很多很棒的免费工具。这里有两个可以完成这项工作的网站链接：

转换后，您必须将其放置在网站的根文件夹中才能使用它。

希望对你有所帮助。

【讨论】：