在单个HTTP响应中捆绑页面资源,如图像

时间:2015-07-02 19:04:12

标签: html http http-headers

对于像CSS和JS这样的资源,这些东西通常单独的资源(每个资源都需要单独的HTTP请求/响应来获取)。但是他们可以内联以减少单独资源的数量。

我想知道同样的事情是否适用于图像。

  • 也许在图片中包含图片?

  • 或实际HTML中的内联(使用Base64编码或其他内容)?

(1)这可能吗? (2)这是个好主意吗? (为什么或为什么不呢?)

1 个答案:

答案 0 :(得分:1)

为了减少与图像相关的请求,您可以使用CSS Sprites / Image Sprites,它将单个图像中的所有图像组合在一起(因此只有1个请求到服务器),然后可以使用CSS将其显示为不同的元素

有关详细信息,请参阅W3Schools guide

Spritepad是生成图像精灵的好工具

使用base64的图像的内联HTML可能变得笨重,因为每次获取页面时都会下载而不是缓存图像