空的gif(1×1 pix)文件的用途是什么?

我已经看到一些随机页面提到使用空的gif图像以某种方式提高性能。 我也发现nginx有一个模块就是为了这个目的。 我无法弄清楚,这个小文件是如何提高Web服务器的性能或感知响应能力的。 任何人都可以帮我理解好处吗?

一些网站使用1×1 gif文件来设置元素之间的间隔(特别是在较旧的网站上,当浏览器对HTML / CSS的解释更为不同时咳嗽 IE 咳嗽

目前,它们也被越来越多地用作“跟踪像素”的请求目标,这种“跟踪像素”被用作收集使用统计数据等的工具,特别是用于电子邮件/营销活动。

你为这个文件提供一个特殊模块的原因是(a)它经常被请求,(b)它每次都返回相同的东西,所以你不想为了这个文件而去磁盘上可以避免它。

我不确定增加性能,但通常在跟踪中使用1×1像素的图像。 通常被称为networking错误 (或信标),这个图像使得浏览器向图像始发的服务器发出HTTP请求。 这个请求然后可以被检查用于追踪信息(例如IP,浏览器,引用者等)。

做一个谷歌search“ 一个像素GIF ”或“ 单个像素GIF ”返回的文章讨论了使用该文件定位网页元素的技术。

从优化devise:单像素GIF (2000年1月1日):

在网页devise的早期,HTML限制激发了devise者寻找各种解决方法,以便控制页面的布局。 这些解决方法中最重要的一个是单像素GIF技巧,使用单个像素GIF并使用IMG标记的高度,宽度,hspace和vspace属性对其进行修改。

GIF本身很小,几乎不需要下载时间。 而且,根据单个像素是否透明,可以将结果用作间隔符,或者作为水平或垂直的规则。

包括1×1图片不会增加性能,会减less它 – 这是一个额外的HTTP请求,less量的额外带宽等。

该模块仅仅是为了使性能的下降 更小 (通过更高效地提供图像),因为用于定位页面上的元素的1×1像素技术可能是有用的。

它们也被用于图像拍摄; 一个小的透明图像被用作图像标签的src属性,而真实图像是一个CSS背景图像。 性能优势来自于CSS背景,它只是单个图像的一部分,它将来自页面的许多图像组合在一起,减less了整个请求的数量。

看例如:

以上所有的好回答。 模块还有另一个用途。

当您想阻止广告在您的networking中显示时,如果您只是拒绝所请求的url,浏览器加载时间将受到影响(或者您在网页上显示阻止消息)。 然后,解决scheme是将浏览器stream量redirect到提供空白图像的内部网站(而不是拒绝请求URL)。

一些可以用来做redirect的技巧是Dnsmasq和Squid重写规则。