Image to Base64

图片与Base64互转。
Drop an image here or click to browse

双向转换

图片转 Base64 及 Base64 转图片。

实时预览

粘贴 Base64 时即时查看图片。

下载

直接下载解码后的图片。

Client-side

所有处理在您的浏览器中完成,无数据上传。

关于Image to Base64

图片转 Base64 工具可将任何图片文件编码为 Base64 数据 URL 字符串,也可将 Base64 字符串解码回可查看和下载的图片。Base64 编码在 Web 开发中被广泛使用,用于在 HTML、CSS 或 JavaScript 中直接嵌入图片,而无需单独的 HTTP 请求——适用于外部图片托管不可用时的小图标、Logo 或邮件模板。它还用于 REST API 和 JSON 负载中,以纯文本形式传输二进制图片数据。本工具支持双向转换:上传图片文件即可立即获取其 Base64 字符串(可选是否包含 data URI 前缀),或粘贴 Base64 字符串来预览和下载解码后的图片。编码后的字符串可一键复制到剪贴板。所有操作均在浏览器中运行,敏感图片不会传输至服务器。

如何使用Image to Base64

  1. 选择「图片 → Base64」标签编码图片,或选择「Base64 → 图片」解码 Base64 字符串。
  2. 编码:将图片文件拖放到上传区域或点击浏览。Base64 数据 URL 即时显示。
  3. 点击「复制」按钮将完整的 Base64 字符串(包含 data URI 前缀)复制到剪贴板。
  4. 解码:将 Base64 字符串(有无 data:image/... 前缀均可)粘贴到文本区域。
  5. 输入或粘贴时,解码图片的实时预览即刻显示。
  6. 点击预览下方的「下载图片」将解码后的图片保存到您的设备。

常见问题

什么是 Base64 数据 URL?

Base64 数据 URL 将二进制数据编码为 ASCII 文本。对于图片,格式类似 data:image/png;base64,iVBOR...,可直接用作 <img> 标签的 src 属性。

我应该在网站上使用 Base64 图片吗?

仅适用于非常小的图片(~5 KB 以下)。Base64 编码会使文件大小增加约 33% 并阻止浏览器缓存,因此不建议用于大图片。

该工具支持所有图片格式吗?

是的。浏览器可以渲染的任何图片——JPEG、PNG、WebP、GIF、SVG、BMP——都可以编码为 Base64。

我的图片会发送到服务器吗?

不会。FileReader API 在浏览器中本地处理您的图片。您的图片数据永不离开您的设备。

为什么我的 Base64 字符串这么长?

Base64 编码会将二进制数据扩展约 33%。100 KB 的图片会产生约 133 KB 的 Base64 字符串。对于大图片,建议改用托管 URL。