在单个 HTTP 响应中捆绑页面资源，例如图像
Bundle page resources like images in single HTTP response
对于像 CSS 和 JS 这样的资源，这些东西通常是 独立的资源（每个都需要单独的 HTTP request/response 才能获得）。但是它们 可以 内联以减少单独资源的数量。
我想知道是否同样的事情也适用于图像。
是否可以在 header 中包含图像？
或在实际中内联 HTML（以 Base64 编码或其他方式）？
(1) 这可能吗？ (2) 这是个好主意吗？ （为什么或为什么不？）
为了减少与图像相关的请求，您可以使用 CSS Sprites / Image Sprites 将所有图像组合成一个图像（因此只有 1 个请求到服务器），然后可以显示为不同的元素使用 CSS
参考W3Schools guide了解更多信息
Spritepad 是生成图片精灵的好工具
使用 base64 的内联 HTML 图像可能会变得庞大，因为每次获取页面时都会下载它而不是缓存图像
对于像 CSS 和 JS 这样的资源，这些东西通常是 独立的资源（每个都需要单独的 HTTP request/response 才能获得）。但是它们 可以 内联以减少单独资源的数量。
我想知道是否同样的事情也适用于图像。
是否可以在 header 中包含图像？
或在实际中内联 HTML（以 Base64 编码或其他方式）？
(1) 这可能吗？ (2) 这是个好主意吗？ （为什么或为什么不？）
为了减少与图像相关的请求，您可以使用 CSS Sprites / Image Sprites 将所有图像组合成一个图像（因此只有 1 个请求到服务器），然后可以显示为不同的元素使用 CSS
参考W3Schools guide了解更多信息
Spritepad 是生成图片精灵的好工具
使用 base64 的内联 HTML 图像可能会变得庞大，因为每次获取页面时都会下载它而不是缓存图像