Favicon不起作用 - HTML

时间:2014-05-06 14:03:19

标签: html favicon

我正在尝试为我的网站使用favicon,但它不起作用。该网站只是一个测试网站,我正在使用WAMP服务器。我使用16x X 16x .ico图像作为图标。

这是我的代码:

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

我怎样才能做到这一点?
谢谢!

3 个答案:

答案 0 :(得分:3)

您的代码似乎很好。 如果favicon是png类型的图片,则它在旧版本的Chrome中无法使用。但是它在FireFox中运行得很好。此外,在处理此类操作时,请不要忘记清除浏览器缓存。很多时候,代码很好,但缓存是真正的罪魁祸首。

答案 1 :(得分:1)

取决于favicon图像所在的位置,相对于您引用它的文件。如果favicon位于站点根目录,您可以写:

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

编辑:将其保留为png。

<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="shortcut icon" type="image/png" href="http://eg.com/favicon.png">

答案 2 :(得分:1)

添加答案,因为在评论之后,这看起来是正确的。

将图像命名为“favicon.ico”。确保它位于网站的根目录中。确保它是有效的.ICO图像,而不仅仅是更改了扩展名的GIF或PNG。