关于在线Base64转图片
日志、接口响应或 HTML 片段里常带一长串图片 Base64,或完整的 data URL。在本页粘贴任意一种形式即可即时预览,确认无误后可下载为文件。
Data URL 以 data:image/png;base64,(或 jpeg/gif/webp)开头,后面是正文。不少接口只返回正文——本工具会在解码后根据 PNG/JPEG/GIF/WebP 文件头识别格式。
在线Base64转图片能力
粘贴即预览
输入框接受完整 data URL 或 JSON 里的纯 Base64 字段。编辑时预览同步更新;点击「下载图片」可按 PNG、JPEG、GIF 或 WebP 保存,扩展名与格式一致。
Data URL 与纯正文
- Data URL:data:image/<类型>;base64,<正文> — 从 img src 或 CSS 整段粘贴。
- 纯 Base64:仅逗号后的正文 — 常见于 REST 响应,类型另传字段。
- 正文相同时,解码得到的文件字节一致。
格式识别
- 带 data URL 时,MIME 前缀决定浏览器如何渲染。
- 纯正文会在 Base64 解码后检查 PNG/JPEG/GIF/WebP 魔数。
- 非图片或无效 Base64 会提示错误,而不是显示破损图。
与「图片转 Base64」配对
嵌入 HTML/JSON 时用图片转 Base64;从工单、接口或内联资源还原文件时用本页做反向解码与验图。
常见场景
核对 HTML 里的 data URL
从模板复制 src="data:image/…",粘贴到输入框确认素材是否正确,需要落盘时直接下载。
查看接口图片字段
粘贴 JSON 里的 Base64(可带或不带 data: 前缀),在预览标题下查看 MIME 与大小,再下载给设计或测试使用。
还原内联小图标
邮件或导出 PDF 里的小 PNG 常是 Base64 内联,不必手写 atob 脚本,在此快速解码预览即可。
常见问题
- 在线怎么把 Base64 变成图片?
- 在本页输入框粘贴 data URL 或纯 Base64,解码成功即显示预览,点「下载图片」按识别格式保存文件。
- 必须带 data:image/…;base64, 前缀吗?
- 不必须。完整 data URL 可直接粘贴;仅正文的接口字段在解码后能识别 PNG/JPEG/GIF/WebP 文件头即可通过。
- 支持哪些格式?
- PNG、JPEG、GIF、WebP,与「图片转 Base64」一致。其他 MIME 或无法识别为图片的二进制会报错。
- 为什么解码失败?
- 常见原因:复制不完整、非法字符、或 Base64 对应的是文本而非图片文件。请重新复制;也可在「图片转 Base64」页编码测试图,再粘贴到本页验证往返。
- 下载的文件一定是 PNG 吗?
- 扩展名随识别结果变化(.png、.jpg、.gif、.webp),与原始图片类型一致。
输入示例
data:image/png;base64,…来自 img src 或 CSS url() 的完整 data URLJSON 纯字段仅正文 — 靠文件头识别 PNG/JPEG/GIF/WebP换行与空格正文中的空白会在解码前去除img src="…"若属性值为完整 data URL,可整段粘贴