我无法让网站图标在我的网站上运行？

Question

我试图在我的网站上实现一个网站图标，但它无法正常工作。

我认为问题是在我的代码中，我使用了两次，一次用于 href=style，一次用于 favicon，但我不知道如何修复它。

这是我目前的代码：

<head>
<title>title</title>
<link href="faviconfinal.jpg" rel="icon">
<link href="style.css" type="text/css" rel="stylesheet">
</head>

Answer 1

将.jpg文件的后缀改为.ico，重命名为favicon.ico，link如下：

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

Answer 2

对于 link type="shortcut icon" 我建议你有一个 png 文件。 link 快捷图标我通常做的是准备一个 256x256 或 512x512 的透明 png 图标，然后将其保存在 images/icon.png.

这样的位置。

您应该验证文件是否正确位于您的页面中。最简单的方法是打开浏览器的控制台并查找 404 错误。查看它是否正常工作的最简单方法是在浏览器的选项卡上显示您的图标。

除此之外，您必须在根文件夹（索引文件所在的位置）中有一个 favicon.ico 文件。图标必须是 .ico 文件。对于 Windows 你可以使用 IcoFX. For mixed use or Mac focused you could use either IconWorkshop or IconFactory.

您无需指定 favicon.ico 图标，它是默认图标。您可以查看更多关于此 here

我无法让网站图标在我的网站上运行？

I cannot get the favicon to work on my website?

html

favicon