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