favicon.ico没有出现在任何地方

时间:2015-03-06 23:51:46

标签: html browser favicon

我在这里看过几个帖子,我在网上做了进一步的研究,但是我看不到发现问题。

我把favicon.ico放在主目录中,但它没有显示在任何浏览器上。我在Firefox和Safari上亲自尝试过,我在Browsershots上尝试了其余的。

我在html的头部也有这一行:

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

我也尝试过没有类型的...,因为我在同一台服务器的其他页面上有它。

This website doesn't show its favicon (thistle)

This website does show its favicon (greenman)

我的两个站点位于同一台服务器上,并且该站点位于同一位置的相同位置。 ??

我唯一能想到的是在将ico在线转换并将其保存在我的MacBook Pro上之前将其上传到服务器是否有问题?

非常感谢任何帮助或提示或想法。

5 个答案:

答案 0 :(得分:20)

有同样的问题。找到了这个很棒的答案:https://stackoverflow.com/a/16375622/5359989

对我有用的是改变&#39; favicon.ico&#39;对于像myfavicon.ico这样独特的东西。并相应地在html中引用它。希望这也适合你。

答案 1 :(得分:3)

改变这个:

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

对此:

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

您的favicon未显示的另一个原因可能是您正在查看您网站的缓存版本。

清除缓存并再次打开网站,您将看到favicon。

答案 2 :(得分:1)

您在href=""属性中使用了相对路径。将其更改为根相对路径/favicon.ico或绝对路径http://yoursite.com/favicon.ico

答案 3 :(得分:1)

Chrome并不喜欢我的favicon.ico是64x64图像的事实。我将其更改为32x32像素图像并显示正确!

答案 4 :(得分:0)

并非所有图标都相同!我有一段时间遇到这个问题,并且永远无法弄清楚为什么有些浏览器没有显示图标。我绝对肯定地知道该文件存在于链接标记所说的位置。最后我发现,至少对于Chrome和Opera,他们WONT会根据.ico文件中的格式显示一些图标。

E.g。只有64x64和32x32以及16x16格式的.ico将会显示。

但是,除了以上那些,还有512x512 256x256,128x128和48x48格式的.ico也不会显示。

这看起来像浏览器问题但很奇怪它会影响多个浏览器。

无论如何,至少对我来说,解决方案只包括64x64和32x32以及16x16格式。