1

我在该<head>区域指定了这样的网站图标：

<link href="/Content/images/icons/tick-circle.png" type="image/x-icon" rel="shortcut icon">
<link href="/Content/images/icons/tick-circle.png" type="image/png" rel="icon">

位置是正确的，但是当我打开一个页面时，我仍然看不到我的图标。我认为这是为最新版本的 IE 和 Firefox 指定 ico 的两种最新方法。

4

7 回答 7

4

尽管您的 favicon 可以是 png，但在我看来，以 .ico 结尾的实际文件效果最好。此外，使用完整的域名（即http://www.domain.com/images/favicon.ico），不要依赖相对链接。如果您尝试在浏览器中加载网站图标但失败，则只需刷新页面就不会重新加载它。清除浏览器的缓存，然后尝试查看图标是否出现。

以下 3 个图标链接适用于 FF、Opera、Chrome、IE 和 Apple 产品

您的代码“应该”如下所示：

<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">

如果您想保留没有 .ico 扩展名的相对链接：

<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" />
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" />
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">
于 2012-05-18T13:13:36.270 回答
0

您的 .htaccess 中是否有类似的内容以及已编辑的图像或其他内容

# Sample of what if have in mine. this restricts the download the time you specify
# 480 weeks
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=290304000, public"
</FilesMatch>

远程是你的问题。但这样的事情可能会阻止浏览器检索这些文件扩展名。在这种情况下，尝试清除浏览器的缓存？

于 2012-05-18T13:03:34.760 回答
0

favicon 是那些奇怪的问题之一。

在网站的根目录上制作网站图标并将其命名为favicon.icoie

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

请参阅 Wikipedia http://en.wikipedia.org/wiki/Favicon中的“可访问性”部分

于 2012-05-18T12:52:47.287 回答
0

试试下面的代码。

<link rel="shortcut icon" href="your icon path">

确保完成后删除所有缓存并重新启动浏览器。添加后，只有 chrome 会在现场显示。

也尝试使用 ico 文件而不是 png 或其他文件。

于 2012-05-18T12:56:45.053 回答
0

较旧的浏览器希望这是.ico格式，而不是 png。考虑改变它。

您可以通过转换器简单地做到这一点，比如这个。

Appart from that, 按照上面提到的那样做，并喜欢它

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

反而。

为了解决这个问题，清空所有缓存而不仅仅是最后几个小时可能会奏效。

于 2012-05-18T12:57:17.303 回答
0

PNG 从未在 IE 中用于网站图标。就在昨天，我读到 Firefox 更改为仅使用 .ico 格式，但我无法确认这一点。我试过了，发现 png 在 FF 中也对我不起作用。

于 2012-05-18T13:20:35.717 回答
0

我不确定 IE，但出于安全原因，FireFox 已决定不再显示网站图标（即，您可以将绿色“锁”作为您的网站图标，并可能误导用户相信您的网站是安全的。）

这是一篇文章：http: //www.neowin.net/news/firefox-removing-favicons-from-the-address-bar

更新：至于图标...使用此标记：

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

Content我相信您原始代码的问题是在指向图标的路径中之前的“/” 。

于 2012-05-18T13:24:45.540 回答