•  02-07-2019
  •  | 
  •  

题

我有一个网站使用定制图标。ico.该图标显示为预期所有的浏览器除外。当试图显示图标，在即，我得到了很大的红色的x;当显示图标在另一浏览器，这显示就好了。网页的来源包括 和它的工作在其他浏览器。谢谢你的想法。

编辑：解决：来源问题的文件是一个jpg重新命名为ico.我创建了该文件作为ico，它是工作的预期。谢谢你的投入。

有帮助吗？

解决方案

对，你没有那么有用（提供源会非常有用！）但是你去了......有些事要检查：

代码是这样的：

<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！格式不同的格式）

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

其他提示

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

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

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location> 

 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. 您的favicon.ico必须放在 head 标记
    2. 之间
  2. 尺寸：16 X 16
  3. ，对于Internet Explorer，它必须是透明的（外部白色部分不可见）

任何人都应该回答这个问题：

同样的问题：在IE（包括IE 10）中无效，在其他地方工作。

原来该文件不是<！> quot; real <！> quot; .ico文件。我通过将其上传到 http://www.favicon.cc/ 并再次下载来修复此问题。

首先，我通过在此网站上生成一个随机.ico文件并使用该文件而不是原始文件来测试它。看到它有效。

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

更多信息来自W3 。

如果您尝试了以上所有内容并且仍然没有<！>＃8217;在IE中工作，请检查您的IIS设置（如果您使用的是Windows Server）。 确保HTTP标头<！> gt; <！>＃8220;启用内容过期<！>＃8221;设置，未设置为<！>＃8220;立即过期<！>＃8221;

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

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

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

以上链接完全解决了我的问题！

上述解决方案均不适合我。

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

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

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

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

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

小心分享网址？许多浏览器以（例如）png格式处理favicon，而IE经常遇到麻烦。 - 旧的IE版本也没有检查html源的favicon的位置，但只是一心一意地试图得到<！> quot; /favicon.ico <！>;来自网络服务器。

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

希望它有所帮助。尝试使用来自其他地方的ico文件，看看是否有效。

这似乎是一个ASPX页面问题，我从来没有能够在IE的任何页面中显示一个favicon（所有其他的是Chrome，FF和safari）我见过的唯一网站是例外规则是bing.com，msdn.com和其他属于MS并在asp.net上运行的人，他们没有告诉我们一些东西！甚至世界知名的网站也无法在IE中展示，例如：manu.com（世界上浏览量最多的体育团队）aspx网站，并且未能在IE上显示图标。 http://www.manutd.com/favicon.ico 会显示图标。

请证明我错了。

该解决方案：

  • 我创建了一个图标，从现有的png文件通过简单改变扩展的图像，从png ico.我用推7bartik的主题，所以我上传的快捷方式图服务器和它的工作对于镀铬和火狐，但没有IE。此外，图像的图标是白色的-白在桌面上。

  • 然后我把咨询意见的一些人在这里和减小大小的图像32x32素使用图像编辑(gimp2<<

  • 我上传的图标相同的方式作为早些时候，和它的工作的现用于所有的浏览器。

我爱你们在计算器你帮我解决了很多问题。谢谢你！

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

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

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

由于

可能会帮助别人。

对我来说，即使遵循了所有步骤，ICON也没有在IE中显示。

最后我在MSDN中找到了一条说明快捷方式图标疑难解答。

  

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

我在<！>中使用IE;在私人<！>中;模式，一旦我在正常模式下验证.... Fav图标显示正确。

关于与IE9的不兼容性，我遇到了这个博客帖子提供了创建IE9识别的图标的提示。

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

检查您的favicon的响应标头。它们不得包含<！>“Cache-Control：no-cache <！>”。

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

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

或

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

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

如果你看到<！>“Cache-Control：no-cache <！>”;在那里，调整您的服务器配置，以从favicon响应中删除该标头或设置max-age。

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

此外 - 证书错误（https）可能会阻止显示图标。安全团队改变了我们的服务器设置，我开始得到<！>;这个网站有一个问题<！>＃8217; s安全证书。<！> quot;点击<！>“继续浏览此网站（不推荐）。<！>”带我去了网站，但没有显示图标。

我在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的处理是什么？

这个为我工作的浏览器（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" />
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top