Base64 转图片解码器

把 Base64 字符串或 data URI 解码为图片,根据字节识别 PNG、JPEG、GIF、WebP、SVG 或 ICO,并可预览和下载文件。

完全在浏览器中运行,您的数据不会被上传。

什么是 Base64 转图片?

粘贴 Base64 编码的图片(带或不带 data:image/...;base64, 前缀均可),工具会对其解码,根据解码后的字节识别真实的图片类型,显示带尺寸和文件大小的预览,并让你以正确的扩展名下载。

如何使用 Base64 转图片

  1. 把 data URI 或纯 Base64 字符串粘贴到输入框中(换行和空格会被忽略)。
  2. 查看检测到的类型、尺寸、大小和预览。
  3. 点击下载按钮保存文件,例如 decoded-image.png。

示例

输入
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
输出
Detected type: PNG (image/png), 30×30 px, 99 B – a solid #3366CC square

何时使用 Base64 转图片

用于查看嵌入在 HTML、CSS、JSON API 响应、日志或邮件中的图片,或恢复别人以 Base64 发来的文件。它无法修复被截断的字符串:如果 Base64 缺失了一部分,图片就是无效的。

Base64 转图片 的工作原理

工具会去掉 data URI 前缀、移除空白字符,接受 URL 安全的 Base64(- 和 _)以及缺失的 = 填充,然后用 atob 解码。字节会根据签名来识别:PNG、JPEG、GIF、WebP、AVIF、HEIC、BMP、ICO、TIFF 或 SVG 文本。如果 data URI 声明的 MIME 类型与字节不一致,会显示警告。预览使用解码字节生成的 object URL。

常见用例

  • 查看 REST API 以 Base64 返回的图片。
  • 从 HTML 邮件或 CSS 文件中提取内联图片。
  • 检查某个 data URI 是否真的包含它所声称的格式。
  • 把测试日志中的 Base64 截图保存为 PNG 文件。

安全提示

图片使用 Canvas API 在你的浏览器本地解码、处理和编码,不会上传到任何服务器。SVG 内容只显示在 <img> 元素中,SVG 里的脚本不会运行。

常见问题

需要 data:image 前缀吗?

不需要。纯 Base64 同样可用;类型会根据解码后的字节来检测。

为什么会提示“不是有效的 Base64”?

字符串包含 Base64 字母表之外的字符,或长度不合法,通常是因为被截断,或包含了引号或转义序列。请只粘贴 Base64 部分。

如果数据不是图片会怎样?

工具会告诉你 Base64 解码成功,但数据不是可识别的图片格式,并且不会给出误导性的预览。

探索更多分类