HTML图标链接标记在Chrome中不起作用

Question

我在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.

Answer 1

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

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

注：Chrome和IE浏览器所需要的图像是16×16和不会显示favicon的本地文件。 确保清除缓存以测试更改。

这覆盖在this SO question。

Answer 2

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

Answer 3

第一个请尝试清除缓存。缓存有时问题了很多，接下来尝试使用image/x-icon作为该<link> :)

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

Answer 4

<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"> 

Answer 5

我只用这个：<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="here_your_favicon_address"/>。无处不在

Answer 6

请试试这个：

<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。