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。

相关工具

Image CompressorImage ConverterBase64 Encoder/DecoderImage Color Picker
Free Ebook
Top 10 Free Tools Every Developer Needs

Top 10 Free Tools Every Developer Needs

Boost your productivity instantly. Get our exclusive cheatsheet featuring the most essential web utilities you didn't know you needed, delivered straight to your inbox.

We respect your inbox. Unsubscribe at any time.