Favicon不可见

问题描述 投票:1回答:3

我无法在https://www.example.com的任何浏览器中看到favicon

我尝试了以下实现:

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

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

favicon位于root-folder中。

我还检查了Chrome调试器,它为favicon.ico提供了“200状态确定”

我尝试从多个地方检查它(工作,家庭,智能手机......) - 无法在任何地方看到它。

我还使用其中一个SEO-Checking网站来检查是否有图标。他们告诉我,有一个,但当他们试图向我展示他们找到的图标时,它根本不可见 - 有一个浏览器“图像未找到”符号。

我在24小时前开始实施,不确定它是否是一个缓存问题。

favicon位于root-folder中。

有任何想法吗?

favicon
3个回答
2
投票

如果你看起来很好,你可以在favicon上获得200状态,但是类型设置为html,而不是img。如果你访问https://www.appfelsine.com/favicon.ico,你会得到一个html页面,而不是图标图像。

也许你的.htaccess可能有什么关系?尝试将favicon存储在images文件夹中并更改路径,看它是否有效


1
投票

您的404页面返回200(而不是404),因此所有这些SEO网站都看到200成功并假设加载了favicon。您的favicon不在正确的目录中。要确认这一点,您可以打开页面源并单击指向favicon网址的链接,并看到它返回404页面。我建议将favicon放在与其他图像相同的文件夹中并链接到那里。


0
投票

可能是图像已损坏。我的建议是将其转换为PNG。很可能你会获得性能提升,使这个解决方案值得。

转换它:http://image.online-convert.com/convert-to-png

然后使用:

<link rel="icon" 
      type="image/png" 
      href="/favicon.png">
© www.soinside.com 2019 - 2024. All rights reserved.