HTML favicon 链接标签在 Chrome 中不起作用答案

【问题标题】：HTML favicon link tags not working in ChromeHTML favicon 链接标签在 Chrome 中不起作用
【发布时间】：2013-06-16 22:53:29
【问题描述】：

我在 Firefox 中看到了该图标，但在 Chrome 中却不见了； HTML有什么问题吗？

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

文件的尺寸是否重要？我的图标尺寸是 20 X 20。

【问题讨论】：

如果 Firefox 正在显示，那么 html 中没有问题。我认为缓存是问题所在！
看看我的回答！ :)
@Ankit Ladhania 您是从本地文件还是从 Web 服务器运行？
我在本地文件上运行它
@Ankit Ladhania 查看我的答案。

标签： html css

【解决方案1】：

您的网站图标应该是 16x16 或 32x32 的 .ico 文件。将图标放在站点的根目录中。链接：

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

注意：Chrome 和 IE 要求图像为 16x16，并且不会显示本地文件的网站图标。确保清除缓存以测试更改。

this SO question 对此进行了介绍。

【讨论】：

我在 img 文件夹中的网站图标不在根目录中，对我来说这是问题，移动到根文件夹并修复
使用 ctrl + f5 在 chrome 中刷新查看变化

【解决方案2】：

试试<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">。其他原因可能是缓存。

【讨论】：

就像我说的应该是缓存:)
尝试在 Chrome 中打开你的 favicon.png

【解决方案3】：

浏览器只是缓存以前的版本，所以只需添加 <link rel="icon" type="image/x-icon" href="favicon.ico?v=2">

【讨论】：

【解决方案4】：

我只使用这个：<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="here_your_favicon_address"/>。随时随地工作

【讨论】：

【解决方案5】：

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

所有主要浏览器的

根据您使用的文件类型，以下方法之一是在完善的网络浏览器中添加网站图标的标准方法。

<link rel="icon" type="image/png" href="http://www.example.com/image.png">
<link rel="icon" type="image/gif" href="http://www.example.com/image.gif">
<link rel="icon" type="image/jpeg" href="http://www.example.com/image.jpg">
<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.example.com/image.ico">

【讨论】：

为什么和@goran stoyanov 一样？？
我没有看到他的答案，会发布一些不同的东西
@Ankit ：看到这个LINK
@AnkitLadhania 我不知道尺寸是否重要，但主要使用的是 16px x 16px
@AnkitLadhania：检查此步骤 1：在此 LINK

【解决方案6】：

首先尝试清除缓存。缓存有时会出现很多问题，接下来尝试使用 image/x-icon 作为 <link> 的类型 :)

在根目录中添加网站图标并检查！ :) 这在这里工作：favicon won't show up in chrome but show up in other browsers like IE, Firefox

【讨论】：

【解决方案7】：

请试试这个：

<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">

详细教程请点击here。

【讨论】：