图片转 Base64

完全在浏览器中，将图片转换为 Base64 data URI，以便嵌入 HTML、CSS 或 JSON。

这个转换器的作用

该图像到 Base64 转换器将图片转换为数据 URI、直接嵌入图像的长文本字符串以及现成的 CSS 背景片段。您可以内联图像而不是链接到单独的文件。

它在您的浏览器本地运行，因此您的图像会在您的设备上读取，而不会上传。

数据 URI 在标记内携带整个图像，因此浏览器不会发出单独的网络请求来获取它。对于像图标这样的小资源，节省的往返可以让页面感觉更快。

问题在于大小和缓存。 Base64 增加了大约 33% 的开销，因为它表示具有有限文本字母的二进制数据，并且内联图像无法单独缓存，因此包含它的每个页面都会再次下载。

经验法则是内联小图像、图标、小徽标或精灵，避免请求是值得的开销，并将较大的图像保留为浏览器可以并行缓存和加载的普通文件。

数据 URI 可在任何接受 URL 的地方使用：img src、CSS 背景或 JSON 或电子邮件模板中的字段。这使得它们可以方便地用于独立的片段。

常见问题

我的图片会被上传到服务器吗？

不会。图片完全在你的浏览器中读取，因此它永远不会离开你的设备。

什么时候应该使用 data URI？

对于图标等小图片，避免额外网络请求值得换取体积的增加。对于大图片，普通文件更好。

为什么 Base64 比文件大？

Base64 编码增加约 33% 的开销，因为它用有限的文本字母表表示二进制数据。