对于像CSS和JS这样的资源,这些东西通常单独的资源(每个资源都需要单独的HTTP请求/响应来获取)。但是他们可以内联以减少单独资源的数量。
我想知道同样的事情是否适用于图像。
也许在图片中包含图片?
或实际HTML中的内联(使用Base64编码或其他内容)?
(1)这可能吗? (2)这是个好主意吗? (为什么或为什么不呢?)
答案 0 :(得分:1)
为了减少与图像相关的请求,您可以使用CSS Sprites / Image Sprites,它将单个图像中的所有图像组合在一起(因此只有1个请求到服务器),然后可以使用CSS将其显示为不同的元素
有关详细信息,请参阅W3Schools guide
Spritepad是生成图像精灵的好工具
使用base64的图像的内联HTML可能变得笨重,因为每次获取页面时都会下载而不是缓存图像