Question

我在Chrome中显示我的favicon时出现问题。它在FireFox中运行良好，但我无法在Chrome中显示它。此外，我想问的其他事情是，如果你必须在网上实际上有一个网站来显示favicon，因为我从这个网站上获取了favicon的链接，并在我的HTML代码上尝试了它，它工作得很好。还有一点要注意的是文件是一个目录，所以我不希望别人在代码中出现的../上纠正我。就像我说的，它适用于FireFox。提前谢谢。

以下是代码：

<!Doctype html>
<html>

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

<body>
</body>

</html>

Answer 1

不，您无需在网络上查看Chrome中的图标。这是因为Chrome旧版本不支持您计算机上托管的图标。 favicon必须托管在互联网服务器上。使用照片托管网站。我推荐ImageShack。

之后，就这样做：

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

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

Answer 2

只需在头标记中添加以下行。这将支持主流浏览器。

<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：在尝试代码之前不要忘记删除浏览器缓存！

如何在chrome中显示favicon

2 个答案: