Question

以下用于在我的html代码中设置favicon：

<link rel="icon" type="img/ico" href="img/favicon.ico">

但是，图标不显示。为什么呢？

注意：

我已确认该文件在磁盘上的路径正确。

Answer 1

它真的是.ico，还是只是命名为“.ico”？
您正在测试哪种浏览器？

拥有图标的绝对最简单的方法是在根文件夹中放置一个名为“favicon.ico”的图标。这只适用于所有地方，根本不需要代码。

如果必须将其放在子目录中，请使用：

<link rel="shortcut icon" href="/img/favicon.ico" />

请注意/之前的img，以确保它锚定到根文件夹。

Answer 2

试试这个：

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

Answer 3

Favicons仅在从Web服务器提供服务时才能正常工作，该服务器为服务内容正确设置mime类型。从本地文件加载可能不适用于铬。从错误配置的Web服务器加载将不起作用。

lighthttpd等网络服务器必须configured manually才能正确设置mime类型。

由于mimetype分配可能无法在所有环境中使用，我建议您使用内联base64 encoded ico文件。这也将加载更快，因为它减少了发送到服务器的http请求的数量。

在基于POSIX的系统上，您可以使用base64命令对文件进行base64编码。

要创建base64编码的ico行，请使用以下命令：

$ base64 favicon.ico --wrap 0

将输出插入行：

<link href="data:image/x-icon;base64,HERE" rel="icon" type="image/x-icon" />

替换单词HERE，如下所示：

<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA////AERpOgA5cCcA7vDtAF6jSABllFcAuuCvAK2trQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFjMzMzMzNxARYzMzMzVBEEERYzMzNhERZxRGMzZxQEA2FER3cRSAgTNxgEEREIQBMzFIARERFEEzNhERARFAATMzYREBEAhBMzMzEYEBFEEzMzNhEQQRQDMzMzcRgEAAMzMzNhERgIEzMzMyERgEQDMzMzMRAEgEMzMzMxERAEEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/x-icon" />

Answer 4

尝试将profile属性添加到head代码中，并使用"image/x-icon"代替type属性：

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">

如果上述代码不起作用，请尝试使用href属性的完整图标路径：

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="http://example.com/img/favicon.ico">

为什么我的favicon没有出现？

4 个答案: