图标不可见

Question

的任何浏览器中都看不到图标

我尝试了以下实现：

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

和

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

网站图标在根文件夹中。

我还检查了 Chrome 调试器，它为我提供了 favicon.ico

的“200 状态正常”

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

我还使用其中一个 SEO 检查网站来检查是否有网站图标。他们告诉我，有一个，但是当他们试图向我展示他们找到的图标时，它根本不可见 - 取而代之的是浏览器 "image not found" 符号。

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

网站图标在根文件夹中。

有什么想法吗？

Answer 1

如果您看起来不错，您将在网站图标上获得 200 状态 ok，但类型设置为 html，而不是 img。此外，如果您访问 https://www.appfelsine.com/favicon.ico，您会看到一个 html 页面，而不是图标图像。

可能与您的 .htaccess 有关？尝试将网站图标存储在您的图像文件夹中并更改路径，看看它是否有效

Answer 2

您的 404 页面 returns 为 200（而不是 404），因此所有这些 SEO 网站都看到 200 成功并假设图标已加载。您的网站图标不在正确的目录中。要确认这一点，您可以打开页面源并单击 link 到 favicon url，然后看到它返回 404 页面。我建议将网站图标放在与其他图像相同的文件夹中，然后 link 将它放在那里。

Answer 3

可能是图片损坏了。我的建议是将其转换为 PNG。您很可能会获得性能提升，从而使该解决方案物有所值。

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

然后使用：

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

图标不可见

Favicon is not visible

favicon