为什么我的网站图标不会显示在 Google Chrome 中？答案

【问题标题】：Why won't my site's icon show up in Google Chrome?为什么我的网站图标不会显示在 Google Chrome 中？
【发布时间】：2012-11-22 14:16:53
【问题描述】：

我正在尝试让我的网站图标显示在 Google Chrome 中，但不知道为什么不显示。它适用于 IE、FF、Opera 和 Safari。以下是当前页面上的图标相关代码：

<LINK REL="apple-touch-icon" HREF="/_images/icons/BHS2.2 - Modern 512.png" TYPE="image/png" />
<LINK REL="shortcut icon"    HREF="/_images/icons/BHS2.2 - Modern.ico"     TYPE="image/x-icon" />
<LINK REL="favicon"          HREF="/_images/icons/BHS2.2 - Modern.ico"     TYPE="image/x-icon" />

如果您想要完整的酱汁，实际页面位于BHStudios.org。我不想要任何关于网站设计的切线，只想要图标。

【问题讨论】：

已修复，但这似乎不是问题。谢谢！
嗯，这就是为什么我将它作为评论而不是答案发布的原因；）
您是否尝试过为您的图标设置无空格网址？
你试过这个HREF="/_images/icons/BHS2.2%20-%20Modern.ico" 即使用 %20 代替空格吗？
您的网站图标也非常大，超过 400kb。

标签： html google-chrome icons favicon

【解决方案1】：

将名称更改为 favicon.ico 并将其移至站点的根目录。

【讨论】：

.ico 文件包含 256、128、64、48、32、24、16 和 8 像素的方形图像
您是否尝试过重命名为 favicon.ico，然后删除所有链接，除了：
Opera 的快速拨号和一些触控设备应用程序需要 apple-touch-icon，所以我无法删除它。我会尝试重命名
我只是为了测试而删除，我可能会尝试第二个列出 apple-touch-icon 链接。
完成！将其移至根目录并将其重命名为 favicon.ico 修复了它。将其作为答案提交，以便我接受：3

【解决方案2】：

在谷歌搜索后，我发现了这个：

<link rel="shortcut icon" href="/_images/icons/BHS2.2 - Modern.ico"  type="image/x-icon" />
<link rel="icon" href="/_images/icons/BHS2.2 - Modern.ico"  type="image/x-icon" />

请尝试告诉我它是否有效。

【讨论】：