41

我有一个使用自定义 favicon.ico 的网站。favicon 在除 IE 之外的所有浏览器中都按预期显示。当试图在 IE 中显示图标时，我得到了大红色 x；在另一个浏览器中显示图标时，它显示得很好。页面源包括并且它确实在其他浏览器中工作。谢谢你的想法。

编辑：已解决：问题的根源是文件是重命名为 ico 的 jpg。我将文件创建为 ico，它按预期工作。感谢您的输入。

4

22 回答 22

59

是的，你并没有那么有帮助（提供源代码会非常有用！）但是你去......一些事情要检查：

代码是这样的吗：

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />

是在<head>吗？

图片是真实的ico文件吗？（重命名位图不是真正的 .ico！格式略有不同）

将页面添加为书签时是否有效？

于 2008-09-23T16:26:53.247 回答
21

在 IE 和 FireFox 中，favicon.ico 仅在站点上访问的第一个页面上被请求，这意味着如果 favicon.ico 需要登录（例如，您的站点是一个封闭站点并且需要登录），那么图标不会显示。

解决方案是为 favicon.ico 添加一个例外，例如在 ASP.Net 中您在 web.config 中添加：

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location>
于 2012-09-11T16:08:48.000 回答
11 
 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. 您的 favicon.ico 必须放在head标签之间
  2. 尺寸：16 X 16
  3. 对于 Internet Explorer，它必须是透明的（外部白色部分不可见）
于 2012-08-22T05:51:30.110 回答
7

如果有人回答这个问题：

同样的问题：在 IE（包括 IE 10）中不起作用，在其他任何地方都起作用。

原来该文件不是“真正的” .ico 文件。我通过将其上传到http://www.favicon.cc/然后再次下载来解决此问题。

首先，我通过在这个站点上生成一个随机的 .ico 文件并使用它而不是我的原始文件来测试它。看到它起作用了。

于 2013-07-18T09:23:04.587 回答
4

您是否尝试将图标放在 URI " /favicon.ico" 中？IE 可能不知道引用它的链接标记方式。

来自 W3的更多信息。

于 2008-09-23T16:28:30.013 回答
4

如果您尝试了以上所有方法，但在 IE 中仍然无法使用，请检查您的 IIS 设置（如果您使用的是 Windows Server）。确保 HTTP 标头 >“启用内容过期”设置，未设置为“立即过期”

于 2011-08-18T15:15:12.357 回答
4

我知道这是一个非常古老的话题，但由于它是我的谷歌搜索中出现的第一个话题，我只想添加我的解决方案：

客户提供的图标也有这个问题。它显示在除 IE 之外的所有浏览器中。添加linkormeta标签不起作用，所以我开始查看图标文件的格式。
它似乎是一个有效的图标文件（不仅仅是重命名的图像），但最终修复它的是将其转换为图像，将其保存为 GIF，然后将其转换回图标。
还要确保在测试时清除 IE 缓存。

于 2012-07-10T22:58:55.987 回答
2

我遇到了这个确切的问题，但似乎没有任何效果。在无数次清除浏览器缓存甚至将 IE 更新到 v9 之后，我发现了这个： http: //favicon.htmlkit.com/favicon/

上面的链接完美地为我解决了这个问题！

于 2014-01-09T15:07:33.863 回答
1

以上解决方案都不适合我。

首先，我使用网站创建上面建议的图标，确保图标格式正确。

然后我将图标从“favicon.ico”重命名为“myicon.ico”，并将以下代码添加到我的页面（在<head>标签内）：

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

该图标与页面位于同一文件夹中。

这为我解决了这个问题。幕后的问题可能与 IE 的缓存有关，但我不确定。

于 2016-04-15T10:43:33.637 回答
0

愿意分享网址吗？许多浏览器处理（例如）png 格式的网站图标，而 IE 经常遇到麻烦。- 旧版本的 IE 也不会检查 html 源以获取 favicon 的位置，而只是一心一意地尝试从网络服务器获取“/favicon.ico”。

于 2008-09-23T16:27:17.163 回答
0

我曾经使用 PNG 作为 favicon.ico，它显示在除 IE 之外的所有浏览器中。也许文件中的某些内容导致 IE 无法识别它。还要确保它是 32x32。不知道这是否重要。但这是我必须确保在 IE 中看到它的东西。

希望能帮助到你。尝试使用其他地方的 ico 文件，看看是否有效。

于 2008-09-23T16:30:18.403 回答
0

这似乎是一个 ASPX 页面问题，我从来没有能够在 IE 的任何页面中显示图标（所有其他页面是 Chrome、FF 和 safari）我见过的唯一例外的网站是 bing .com、msdn.com 和其他属于 MS 并在 asp.net 上运行的文件，有些事情他们没有告诉我们！即使是世界知名的网站也无法在 IE 中显示，例如：manu.com（世界上浏览量最大的运动队）aspx 网站，并且无法在 IE 上显示 favicon。http://www.manutd.com/favicon.ico确实显示了图标。

请证明我错了。

于 2012-11-08T19:50:25.207 回答
0

解决方案 ：

  • 我通过简单地将图像的扩展名从 png 更改为 ico，从现有的 png 文件创建了一个图标。我使用 drupal 7 bartik 主题，所以我将快捷方式图标上传到服务器，它适用于 Chrome 和 Firefox，但不适用于 IE。此外，图像图标在桌面上是空白的。

  • 然后我在这里听取了一些人的建议，并使用图像编辑器将图像的大小减小到 32x32 像素（gimp 2<<

  • 我以与之前相同的方式上传了图标，它适用于所有浏览器。

我爱你们在 stackoverflow 上，你们帮我解决了很多问题。谢谢你！

于 2013-03-26T10:34:14.130 回答
0

感谢您的所有帮助。我尝试了不同的选项，但以下选项对我有用。

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

我在页面的标题中添加了上述两行，它适用于所有浏览器。

谢谢

于 2013-05-07T13:29:07.213 回答
0

可能这有助于其他人。

对我来说，即使按照所有步骤操作，ICON 也没有显示在 IE 中。

最后我在 MSDN Troubleshooting Shortcut Icons中找到了一条注释。

验证 Internet Explorer 是否可以将快捷方式图标存储在 Temporary Internet Files 文件夹中。如果您已将 Internet Explorer 设置为不保留缓存，则它将无法存储图标，而是显示默认的 Internet Explorer 快捷方式图标。

在正常模式下验证后，我在“私人”模式下使用 IE.... 收藏图标正确显示。

于 2013-07-12T09:10:40.213 回答
0

关于与 IE9 的不兼容性，我看到了这篇博客文章，其中提供了创建 IE9 识别的网站图标的提示。

本质上，尝试使用以下站点创建一个网站图标：http ://www.xiconeditor.com/

于 2014-01-19T09:14:42.773 回答
0

检查您的网站图标的响应标头。它们不得包含“Cache-Control: no-cache”。

您可以使用以下命令从命令行检查：

curl -I http://example.com/favicon.ico

或者

wget --server-response --spider http://example.com/favicon.ico

（或使用其他一些工具来显示响应头）

如果您在那里看到“Cache-Control: no-cache”，请调整您的服务器配置以从网站图标响应中删除该标头或设置 max-age。

于 2015-07-31T13:32:37.063 回答
0

此外 - 证书错误 (https) 可能会阻止网站图标出现。安全团队更改了我们的服务器设置，我开始收到“此网站的安全证书有问题”。单击“继续访问此网站（不推荐）”。带我到网站，但不会显示网站图标。

于 2017-02-15T21:32:40.620 回答
0

我看到 Windows 10 和 Windows Server 2016 之间以及 IE 和 Edge 之间的不同行为。我使用 www.microsoft.com 进行了测试。

Windows Server 2016 IE 11：
收藏夹：站点图标
地址栏：站点图标
浏览器选项卡：站点图标

Windows 10 IE 11：
收藏夹：站点图标
地址栏：通用蓝色-E 图标
浏览器选项卡：通用蓝色-E 图标

Windows 10 Edge：
收藏夹：站点图标
地址栏：无图标
浏览器选项卡：站点图标

显示通用图标的 Windows 10 IE 是怎么回事？

于 2018-04-11T20:51:56.180 回答
0

我的这个工作跨浏览器（IE11、EDGE、CHROME、FIREFOX、OPERA），使用https://www.icoconverter.com/创建 .ico 文件

<link data-senna-track="temporary" href="${favicon_url}" rel="Shortcut Icon" />
<link rel="icon" href="${favicon_url}" type="image/x-icon" />
<link rel="shortcut icon" href="${favicon_url}" type="image/x-icon" />
于 2019-03-06T13:40:56.333 回答
0

尝试类似：

添加到html：

  <link id="shortcutIcon" rel="shortcut icon" type="image/x-icon">
  <link id="icon" rel="icon" type="image/x-icon">

在标记后添加缩小脚本：

<script type="text/javascript">
(function(b,c,d,a){a=c+d+b,document.getElementById('shortcutIcon').href=a,document.getElementById('icon').href=a;}(Math.random()*100,(document.querySelector('base')||{}).href,'/assets/images/favicon.ico?v='));
</script>

在哪里

  • '/assets/images/favicon.ico' .ico 的相关路径
  • ?v='Math.random()*100' - 强制浏览器更新 favicon.ico

测试前清除历史记录：（ctr + shfit + del）

于 2019-08-15T05:47:38.833 回答
-1

以管理员身份运行 Internet Explorer。如果您在正常模式下打开 IE，则 favicon 将不会显示在 IE 11 (Win 7) 上。我不确定其他版本的浏览器上的行为。

于 2016-03-03T06:35:30.327 回答