Base64 转图片解码器
把 Base64 字符串或 data URI 解码为图片,根据字节识别 PNG、JPEG、GIF、WebP、SVG 或 ICO,并可预览和下载文件。
完全在浏览器中运行,您的数据不会被上传。
什么是 Base64 转图片?
粘贴 Base64 编码的图片(带或不带 data:image/...;base64, 前缀均可),工具会对其解码,根据解码后的字节识别真实的图片类型,显示带尺寸和文件大小的预览,并让你以正确的扩展名下载。
如何使用 Base64 转图片
- 把 data URI 或纯 Base64 字符串粘贴到输入框中(换行和空格会被忽略)。
- 查看检测到的类型、尺寸、大小和预览。
- 点击下载按钮保存文件,例如
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 解码成功,但数据不是可识别的图片格式,并且不会给出误导性的预览。