如何将图像转换为 Base64 数据 URI

您可以将图像作为 Base64 字符串直接嵌入到 HTML 或 CSS 中 — 无需单独的文件。对于小型资产来说，这是一个有用的技巧，有明确的注意事项。

什么是数据 URI

将图像转换为 Base64 会将其转换为长文本字符串，您可以将其直接放入代码中，如 data:image/png;base64,iVBORw0...。浏览器将其解码回图像 - 无需向服务器发出单独的请求。

何时使用（以及不使用）

适用于：嵌入 CSS/电子邮件中的小图标、徽标或图像，其中保存 HTTP 请求很重要。 不利于：大图像 — Base64 会使大小增大约 33%，并且无法单独缓存，因此会减慢大页面的速度。经验法则：仅限几 KB 以下的内联图像。

立即转换

我们的免费图像到 Base64 转换器可将任何图像转换为可直接粘贴的数据 URI。要了解编码本身，请参阅我们的 Base64 解释器。

底线

Base64 允许您内联小图像以减少请求，但大约 33% 的大小损失使得它不适用于大文件。仅将其用于小型资源 - 并将大图像保留为单独的可缓存文件。