css - Base64 编码缓存

Question

我正在尝试决定是否对我的一个网站上的某些图像（图形）和拇指使用 Base64 编码，但我无法完全找到在尝试决定时出现的一些效率问题的答案。

这是我的理论，但我在这方面没有足够的知识来完全确定哪些是我需要帮助的：

使用嵌入的 base64 图像减少了 HTTP 请求的数量，文件大小相对增加了 30%，这对于小图像/图形来说是可以的，但是这些图像不会被缓存，但是如果你将这些 base64 图像嵌入到你的CSS 文件，它们将被缓存，但作为一个文件（CSS）。

我需要知道我是否错了，如果错了，或者我是否遗漏了任何重要的东西。

[编辑]

我发现了一些非常有用的信息，可以更改我在 google 中为Data URI scheme更改的关键字。

Answer 1

如果你有很多总是一起加载的小图像，你应该看看 sprites。使用 sprite，您可以获得一个请求的开销，但会减少 base64 编码的开销（流量增加 33%）。因此，如果您的 sprite 比响应标头大 3 倍，则可以节省带宽。

如果您随机有许多小图像，请使用 base64 编码。