我在这里看过几个帖子,我在网上做了进一步的研究,但是我看不到发现问题。
我把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上之前将其上传到服务器是否有问题?
非常感谢任何帮助或提示或想法。
答案 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格式。