Question

我有一个没有显示在Chrome中的图标（我不确定其他浏览器，因为我只使用Chrome）但奇怪的是，如果我在URL栏中输入图标的路径，它会显示起来！

为什么没有出现图标？

Answer 1

1）清除缓存。 http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582并测试另一个浏览器，让我们说safari。你是如何导入图标的？

2）你应该如何添加它：

普通图标：

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

PNG / GIF favicon：

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

<{1>}代码中的

。

3）另一件事可能是 chrome无法显示 favicon，如果是本地（未上传到网络服务器）的问题。只有当文件/图标位于下载目录中时，才允许chrome加载此数据 - 有关此内容的更多信息，请访问：local (file://) website favicon works in Firefox, not in Chrome or Safari- why?

4）尝试将其从<head>重命名为favicon.{whatever}，但我建议您仍然使用普通的图标。这解决了我在IE上的问题。

5）找到另一种解决方案，效果很好！我只是将我的favicon作为Base64编码图像直接添加到标签中，如下所示：

{yourfaviconname}.{whatever}

此处使用此页面：http://www.motobit.com/util/base64-decoder-encoder.asp

6）我真的可以建议你这个页面：http://www.favicon-generator.org/来创建你需要的所有类型的favicon。

Answer 2

我读了很多不同的条目，直到我终于找到了适合我的方案的解决方案（ASP.NET MVC4项目）。

我没有使用文件名 favicon.ico 作为我的图标，而是将其重命名为其他内容，即 myIcon.ico 。然后我就完全使用了Domi发布的内容：

<link rel="shortcut icon" href="myIcon.ico" type="image/x-icon" />

这很有效！

这不是一个缓存问题，因为我用Fiddler测试了这个问题 - 即使我清除了我的缓存，也没有发生对favicon的请求＃34;从时间开始＃34;。我相信它只是铬的一些奇怪的错误？

Answer 3

将您的favicon.ico上传到您网站的根目录，该目录应与Chrome配合使用。有些浏览器会忽略元标记，只使用/favicon.ico

去图？.....

Answer 4

我也经历过同样的事情。我发现我的favicon.ico尚未被处理为合法的快捷方式图标。我知道必须将favicons缩放到16x16并遵循Microsoft Icon格式。

Favicon没有出现在谷歌浏览器中

4 个答案: