实现 .png 和 .ico 图标？答案

【问题标题】：Implementing a .png and .ico favicon?实现 .png 和 .ico 图标？
【发布时间】：2012-10-08 12:39:04
【问题描述】：

我可以在我的<head> 文件中添加 2 个网站图标链接吗？

目前在标题部分是这样的：

<link rel="icon" type="image/png" href="sitelink/favicon.png" />

<link rel="shortcut icon" href="sitelink/myicon.ico" />

但 Chrome 仍然首先显示 .ico。

我做错了吗？我只希望 Chrome/Firefox/Safari 显示 .png 图标，而如果浏览器是 IE，我希望它显示 .ico 格式。

我该如何展示它？我的想法是，如果 .png 链接位于顶部，它将首先加载，如果没有 (IE)，它将加载第二个。

【问题讨论】：

标签： html favicon

【解决方案1】：

对不起，我的错。看起来我只是在摸索了一下之后才找到了跨浏览器的 favicon 实现。

<link rel="icon" type="image/png" href="sitelink/favicon.png">

<!--[if IE]><link rel="shortcut icon" href="sitelink/favicon.ico"/><![endif]--><!-- Internet Explorer-->

这应该进入 HTML 的 <head> 部分。

【讨论】：