如何防止favicon.ico请求?

我没有favicon.ico，但我的浏览器总是发出请求。

是否有可能阻止浏览器从我的网站制作favicon的请求?也许是HTML头中的META-TAG ?

当前回答

你可以使用.htaccess或服务器指令来拒绝访问favicon.ico，但是服务器会向浏览器发送拒绝访问的回复，这仍然会减慢页面访问。

当用户返回站点时，可以通过将favicon.ico保留在浏览器缓存中来停止浏览器请求favicon.ico。

首先，提供一个小的favicon.ico图像，可以是空白的，但要尽可能小。我做了一个黑白的，不到200字节。然后，使用.htaccess或server指令，将文件的Expires头设置为未来一两个月。当相同的用户回到你的网站，它将从浏览器缓存加载，没有请求将去你的网站。服务器日志里也没有404了。

如果你可以控制一个完整的Apache服务器或者一个虚拟服务器，你可以这样做

如果服务器文档根目录是/var/www/html，那么将其添加到/etc/httpd/conf/httpd.conf

Alias /favicon.ico "/var/www/html/favicon.ico"
<Directory "/var/www/html">
    <Files favicon.ico>
       ExpiresActive On
       ExpiresDefault "access plus 1 month"
    </Files>
</Directory>

然后，一个favicon.ico将适用于所有虚拟托管站点，因为您正在对它进行别名化。它将在用户访问后的一个月内从浏览器缓存中提取。

对于.htaccess，这是报告工作(不是由我检查):-

AddType image/x-icon .ico
ExpiresActive On
ExpiresByType image/x-icon "access plus 1 month"

2011-07-09 19:12:49

其他回答

我首先要说的是，在Web页面中有favicon是一件好事(通常)。

然而，这并不总是理想的，有时开发人员需要一种方法来避免额外的负载。例如，IFRAME会请求一个图标而不显示它。最糟糕的是，在Chrome和Android中，IFRAME将生成3个favicons请求:

"GET /favicon.ico HTTP/1.1" 404 183
"GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 197
"GET /apple-touch-icon.png HTTP/1.1" 404 189

下面使用数据URI，可以用来避免虚假的favicon请求:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

参考资料请参阅:

https://github.com/h5bp/html5-boilerplate/issues/1103 https://twitter.com/diegoperini/status/4882543836930048

更新1:

从评论(jpic)来看，Firefox >= 25不再喜欢上面的语法了。我在Firefox 27上进行了测试，它在Webkit/Chrome上仍然可以工作。

因此，这是一个新的浏览器，它应该涵盖所有最新的浏览器。我测试了Safari、Chrome和Firefox:

<link rel="icon" href="data:;base64,=">

我从“rel”属性值中省略了“快捷方式”名称，因为这只适用于较旧的IE，并且IE < 8的版本也不喜欢dataURIs。未在IE8上测试。

更新2:

如果你需要你的文档对HTML5进行验证，请使用以下方法:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

2012-11-16 12:41:07

如果你不使用HTML，它是由Flask或一些框架自动生成的，你可以在应用程序中添加一个虚拟路由，只返回虚拟文本来修复这个问题。

或．．．你可以添加图标:)

Eg for Python Flask Application。

@app.route('/favicon.ico')
def favicon():
    return 'dummy', 200

2021-10-24 20:45:10

把这个放进你的HTML头:

<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVQI12P4//8/AAX+Av7czFnnAAAAAElFTkSuQmCC">

这个答案比其他答案稍大一些，但确实包含一个实际有效的PNG图像(1x1像素白色)。

2021-03-25 12:59:54

我需要防止请求和有图标显示，即在Chrome。

快速代码尝试<head>:

    <link rel="icon" type="image/png" sizes="16x16" href="data:image/png;base64,
    iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEU0OkArMjhobHEoPUPFEBIu
    O0L+AAC2FBZ2JyuNICOfGx7xAwTjCAlCNTvVDA1aLzQ3COjMAAAAVUlEQVQI12NgwAaCDSA0888G
    CItjn0szWGBJTVoGSCjWs8TleQCQYV95evdxkFT8Kpe0PLDi5WfKd4LUsN5zS1sKFolt8bwAZrCa
    GqNYJAgFDEpQAAAzmxafI4vZWwAAAABJRU5ErkJggg==" />

2022-02-05 05:42:31

我通过使用内容安全策略HTTP响应报头解决了这个问题。通过使用这个，可以阻止浏览器进一步的媒体查询，如图像(其他类型也可以)。我添加了以下头的响应:

内容安全策略:img-src 'none'

问题是它会阻塞所有的图像查询。如果您的HTML有任何图像，它们将不会被加载。在我的情况下，这很可能是Firefox中的一个错误，因为浏览器正在请求favicon.ico的响应，其Content-type是text/xml!

它还取决于在客户端强制执行的实现此特性的浏览器。

访问https://content-security-policy.com获取CSP的完整指南。

干杯!

2022-06-30 18:12:11

如何防止favicon.ico请求?

推荐文章

最新文章

标签