3

我在 Chrome 中显示我的网站图标时遇到问题。它在 FireFox 中运行良好,但我无法让它在 Chrome 中显示。另外,我想问的另一件事是,您是否必须在网络上实际拥有一个网站来显示网站图标,因为我从该网站获取了网站图标的链接,并在我的 html 代码上进行了尝试,它工作得很好。还有一点需要注意的是该文件是一个目录,所以我不希望人们在代码中出现的 ../ 上纠正我。就像我说的,它可以在 FireFox 中运行。提前致谢。

这是代码:

<!Doctype html>
<html>

<head>
    <link rel="shortcut icon" href="../GRAFX/ICO/fav.ico">
</head>

<body>
</body>

</html>
4

2 回答 2

4

不,您不必将网站放在网络上即可在 Chrome 中查看网站图标。发生这种情况是因为 Chrome 旧版本不支持您计算机上托管的网站图标。网站图标必须托管在 Internet 服务器上。使用照片托管网站。我推荐 ImageShack。

之后,只需执行以下操作:

<link rel="shortcut icon" href="http://www.urloftheimage.com/image.png" type="image/x-icon">

主要浏览器支持 PNG、JPG 和 GIF 作为 favicon 的扩展。它不一定是 .ico,但使用它很好。

于 2013-09-12T20:25:50.480 回答
1

只需将以下行添加到您的 head 标签中。这将支持主要的浏览器。

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

PS:在尝试代码之前不要忘记删除浏览器缓存!

于 2013-05-19T18:15:33.547 回答