favicon不会出现在chrome中,但会出现在IE,Firefox等其他浏览器中

时间:2012-10-05 22:00:50

标签: html google-chrome favicon

我有html:

<link rel="shortcut icon" href="/images/favicon_muse_me.ico">

在我的网站上Muse Me(http://www.musememobile.com) 如果我使用Chrome打开它,它将不会显示。它出现在其他浏览器中。

之前在Chrome中出现了favicon,但后来我改变了它。

我该怎么做才能让它显示在Chrome中?

6 个答案:

答案 0 :(得分:4)

将ICO文件作为“favicon.ico”添加到根目录。

答案 1 :(得分:2)

有些浏览器会忽略favicon metatag,只需查找/favicon.ico。

答案 2 :(得分:1)

Chrome不支持动画的favicons,看起来没有人对实现它感兴趣。

原始错误报告:http://code.google.com/p/chromium/issues/detail?id=19731

最新重复:http://code.google.com/p/chromium/issues/detail?id=130062

答案 3 :(得分:0)

如果您为链接声明“类型”怎么办?此外,您还可以尝试使用简单的“图标” 试试这个:

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

您也可以尝试将域附加到图像src:

<link rel="icon" href="http://www.musememobile.com/images/favicon_muse_me.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.musememobile.com/images/favicon_muse_me.ico" type="image/x-icon" />



更新
您也可以尝试为您的favicon使用png(显然需要有一个png版本才能执行此操作)。这是我在自己的网站上采用的方法,在Chrome中看起来很好:

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

答案 4 :(得分:0)

确保它位于<head>标记中。这是页面的'meta'信息。

<head>
<link href="//domain.com/favicon.png" rel="icon" type="image/x-icon">
</head>

我尝试了其他选项,但这对我来说适用于Chrome

答案 5 :(得分:0)

我一直在使用的是URI,你可以在https://websemantics.uk/tools/image-to-data-uri-converter找到它,然后把它放在atrabute people: [ {name:"Name1"}, {name:"Name2"}, {name:"Name3"} ]

例如,这是一个有效的URI,一个favicon

href