logo标签列表

Internet Explorer 9无法显示.png网站图标。

internet-explorerinternet-explorer-9favicon
7

我有一个网站图标，favicon.png存放在目录img/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中没有显示，应该出现的地方显示了Internet Explorer的徽标。为什么IE9不能显示PNG图片？
2
有时候网站图标需要一段时间才能加载完毕。请清除缓存，重启浏览器，并在页面上等待几秒钟。 - jacktheripper
这个有些棘手，我已经将其目录更改为根目录，并在根目录中添加了一个favicon.ico文件（尽管我仍将链接的favicon文件保留为png格式），但IE9仍未识别它。 - Henrick
你尝试过在另一台服务器上吗？或者你能给我们提供该网站的链接，以便我们进行检查吗？ - jacktheripper
还没有在不同的服务器上尝试，但现在它将.ico作为网站图标进行了捕捉，我仍然将.png链接到原问题上。我已经将favicon.ico放在根目录中。IE是否会出现拾取.ico而不是.png的问题？我还需要两个不同版本的网站图标，一个用于网站本身，另一个用于我的Google简介中的关于部分（它会选择.ico版本）。 - Henrick
1
那是因为它不支持IE10或更早版本 - 请参见**哪些版本的IE支持PNG图标？** - dsgriffin
7个回答
8
无法工作的原因是所有收藏夹图标必须在.ico格式中。您可以在这里进行转换。默认情况下，浏览器会扫描相同目录中名为favicon.ico的文件并显示它。
1
抱歉回复晚了。在<head>中链接png文件并将其用作网站图标，然后在根目录中放置未链接的ico文件是否可行？我已经两个都有了。Firefox和Chrome可以正常显示png文件，但IE无法显示png或ico文件。 - Henrick
6

W3C的方法似乎与IE9不一致：

» 这里是W3C的方法

不确定发生了什么。无论使用哪种方法，我都无法在IE9中显示图标，并且我已经尝试了所有方法，清空了缓存等。主要是为了指出W3C方法与jacktheripper在二月份发布的不同而回应这个帖子。

3

因特网浏览器不支持PNG格式的网站图标。其他主流浏览器支持PNG和ICO两种格式。为了达到最佳效果，请使用ICO格式。

将PNG格式的网站图标转换为ICO格式，可以在这里完成：http://www.favicon.cc/

更多信息请参见维基百科：http://en.wikipedia.org/wiki/Favicon

1

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

我发现这也可能是浏览器无法显示网站图标的原因之一。我是通过艰难的方式发现的 ;)

Chrome和Firefox在这方面处理得很好。只有IE9在这方面有点古怪。

0
如果您想在Internet Explorer中使用.ico文件，您必须使用.ico文件作为网站图标。其他方式将无法正常工作。有很多免费的工具可供使用。以下是两个可以完成此任务的网站链接：

免费ICO转换器 Favicon转换器

转换完成后，您需要将其放置在您网站的根目录中以使用它。

希望这能对您有所帮助。

0

Internet Explorer（5版本及以上）仅支持使用.ico文件作为网站图标

来源: wikipedia。 参见: 另一个回答。

0
根据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没有捕获它。 - Henrick
很抱歉，我明白你的意思。这里有另一个 Stackoverflow.com 的答案，也许能帮到你。它并没有解决你面临的问题，但它指出使用ico文件与png文件一样好，因为两者都支持alpha透明度。 - Andrew
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接