图片转 Base64：将图片编码为 Base64 字符串

什么是 Base64 图片编码？

Base64 是一种将二进制数据转换为文本的编码方案，可以把图片文件等二进制数据表示为 ASCII 字符串。将图片编码为 Base64 后，得到的是一段很长的文本字符串，可以直接嵌入到 HTML、CSS 或 JSON 中，无需单独下载文件。

最常见的形式是数据 URI（Data URI），形如 data:image/png;base64,iVBORw0KGgo...，可以直接用在 <img> 标签的 src 属性或 CSS 的 background-image 属性中。

我们的编码器如何工作

CheckTown 的图片转 Base64 编码器完全在你的浏览器中运行，不会将任何文件上传到服务器：

• 通过拖放、文件选择器或剪贴板粘贴上传任意图片（JPEG、PNG、WebP、GIF 或 BMP，最大 50 MB）
• 选择输出格式：数据 URI、纯 Base64、HTML <img> 标签，或 CSS background-image 代码片段
• 一键将编码后的字符串复制到剪贴板，直接粘贴到你的代码中

何时使用 Base64 图片

Base64 编码在特定的开发场景中很有用：

• 内联图片——将小图标或徽标直接嵌入 HTML/CSS，减少额外的 HTTP 请求并加快加载速度
• 邮件模板——许多邮件客户端默认会拦截外部图片，而内联的 Base64 图片能够立即显示
• API 数据——在不支持二进制上传的 JSON API 或配置文件中包含图片数据

常见问题解答

Base64 会增大文件体积吗？

会——Base64 编码会使数据体积增加约 33%。一张 100 KB 的图片编码后大约变成 133 KB 的文本。因此 Base64 更适合小图片（图标、缩略图），而不适合大幅照片。

什么情况下不应使用 Base64？

避免对大图片（超过 10–20 KB）使用 Base64。体积增加的开销会超过省去一次 HTTP 请求所带来的好处。对于较大的资源，应作为普通文件提供，让浏览器进行缓存。

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

不会。编码使用浏览器的 FileReader API 完成。你的图片绝不会离开你的设备。