我正在创建一个 HTML 网页。我还远未完成，因此目前不应过多关注以下问题。但是我对为什么我的快捷方式图标代码不起作用感到困惑。我通过将所有文件放在同一个文件夹中来测试所有内容（离线，没有服务器或类似的东西）
代码是
<link rel="SHORTCUT ICON" type="image/x-icon" href="favicon.ico">
我尝试了不同的 ico 文件，它只适用于上传到网站的 ico。例如，以下代码将起作用。
<link rel="SHORTCUT ICON" type="image/x-icon" href="\WEBSITEFOLDER\favicon.ico">
尝试：
<link rel="SHORTCUT ICON" type="image/x-icon" href="~/favicon.ico">
或者：
<link rel="Shortcut Icon" type="image/ico" href="favicon.ico">
我遇到了类似的问题，结果发现实际文件的大小是导致问题的原因。根据消息来源，它必须是 16x16 或 32x32。我会使用一个图标生成器，例如：x-iconeditor.com。
如果您想要本地文件上的网站图标，则必须使用 Data URI
看到这个答案：本地（文件：//）网站图标在 Firefox 中工作，而不是在 Chrome 或 Safari 中 - 为什么？
将 favicon 图标大小设置为 16x16 它将在 chrome 中工作...
我有同样的问题。我“借用”的网站使用了一个名为“icons”的文件夹作为 .ico 文件的位置，所以我完全遵循了这一点。我女朋友使用的服务是 Web.com。无论出于何种原因，如果 Web.com 的快捷方式图标位于根目录以外的任何位置，它都不会显示在 Internet Explorer 中。我只是将 favicon 文件移动到 index.html 所在的位置，并更改了索引中的那一行代码以反映这一点。
解决了（在我的情况下）！祝你好运！
尝试为图像图标添加绝对路径并使用 48x48 px 图像大小。
这对我有用
<link rel="shortcut icon" type="image/png" href="http://yoursite.com/Content/Images/favicon.png" />
<link rel="icon" href="relative_PATH/favicon.ico">
尝试将所有相对路径放入图标文件
它不起作用，绝对是因为链接目标不正确。如果您将图标放在网页的同一文件夹中，请更正以下链接：
<link rel="SHORTCUT ICON" type="image/x-icon" href="./favicon.ico">
这意味着 favicon.ico 在当前文件夹中。
但是，您可以使用调试器，即 chrome 调试器并导航到网页的源代码，即右键单击图标的链接 -> 在新选项卡中打开，看看它是如何工作的