将原始图像数据放入Src Attr是否更有效?

Tho*_*lds 8 html image src raw-data

我最近发现src图像的属性允许您将原始基础64图像数据直接放入其中.我是否正确地假设这在技术上比单独的图像文件更有效,因为不需要对图像进行额外的请求?或者开销是如此之小以至于不值得呢?

另外,假设我最终做到了这一点,获得原始数据的最佳方法是什么?(例如,我在油漆中掀起的图像?)

jim*_*mbo 5

这取决于你的意思是"更有效率".如果您的衡量标准是时间,那么它可以更有效率.

您所指的技术是使用数据URI.通常,您获取图像数据并对其进行base64编码,使其仅包含ASCII字符.base64编码数据具有使其大33%的效果(每6位变为8).

所以这适用于小图像,但对于大图像,33%的溢价可能太多了.

这可能是一个好主意的原因是延迟通常是浏览器请求的限制因素.曾经(在当天)带宽是限制,所以常见的建议是分割你的资源,但这不再是真的.使用数据URI图像,浏览器不必进行第二次往返.

除此之外,您还必须考虑浏览器支持.在版本8之前,IE不支持数据URI.在IE 8中,数据的上限为32KB.

希望这可以帮助!