internet-explorer-9 - Favicon 没有显示在 IE9 的地址栏中 - 但在所有其他浏览器中都显示在那里

Question

这个真的很奇怪——我已经尝试了我能想到的一切。我在 Firefox、Chrome 或 Opera 中对此没有任何问题。当我更改服务器上的图标时，它会立即在其他浏览器上更新，但在 IE9 中仍然不显示。

顺便说一句，当我将图像添加到 IE9 中的收藏夹时，它会显示在我的“收藏夹”列表中 - 它只是不会显示在 URL 地址栏中。我还验证了 ico 文件适用于另一个网站。每次进行更改时，我都会忠实地清除 IE 浏览器历史记录/临时 Internet 文件。以下是我在 .ASPX 文件中尝试过的几个代码版本。第一个版本正在我正在运行的另一个 ASPX 网站上运行:

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

Answer 1

适用于 Windows 7 和 ie 9 或更高版本!

我为这个网站图标问题苦苦挣扎了好几天——它显示在所有浏览器中，但在 ie9 中没有!

我怀疑文件格式；特别是它的定义标题，它定义了 favicon.ico 的结构，因为它是唯一需要检查的东西，已经遵循了几个教程和方法，但没有成功!

看来我是对的——windows 7 + ie9 期望图标被构建为 4 个图标，所有图标都包含在一个文件中。

一步步:

1)我构建了一个 64x64 像素的 24 位彩色图形并将其保存为 png 文件

2)我把这个文件导入了一个叫做 X-icon Editor 的免费蜜蜂在这里得到它http://www.xiconeditor.com/

3)一旦我预览了结果(将有四个图像 64x64、32x32、24x24 和 16x6(均以像素为单位)并且对结果感到满意:

4)我导出结果并在导出之前记录了提示......

5)然后我使用了另存为设施并将文件定向到我的站点文件的根目录(index.html 文件所在的位置)我保存的文件是 favicon.ico

6)如果您想查看文件，请转到硬盘上的站点目录并双击 favicon.ico 文件，Windows 照片查看器将显示 4 个页面，每个页面代表图标大小。

7)编辑你的代码如下(细节在技巧步骤4中找到):在下头标签插入这个标签:链接 rel="快捷图标"href="favicon.ico"/

8)将更改上传到您的服务器。

9)清除ie9缓存文件

10)等待大约 20 分钟(可能需要更长时间)

11)登录到您的网站，您应该会看到网站图标

那么其他图标都嵌入到单个 favicon.ico 文件中是什么？

64x64 是 Windows 使用的大图标(如果您在桌面上创建具有大图标的快捷方式，则 favicon 将以 64x64 像素显示您的图形)，

32x32 与上述相同，但用于设置中等桌面图标的桌面

24x24 与上述相同，但用于设置小桌面图标的桌面

16x16 是您网页上使用的图标。它也是桌面底部栏(任务栏)pinto区域中使用的图标 - 将快捷方式从桌面移动到任务栏，您会看到它调整大小

一切都完成了——它起作用了——耐心等待它的出现!

PS(高级用户)您可以拥有多个“Favicon”文件，但您需要重命名所有文件
然后在 head 标签下指向各个页面的每个图标文件 - 但你只允许一个(或多个文件没有)favicon.ico 文件....为了它