在线Base64转图片

粘贴 Data URL 或纯图片 Base64,输入时即时预览;确认无误后可下载还原的 PNG、JPEG、GIF 或 WebP 文件。

关于在线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 与纯正文

  1. Data URL:data:image/<类型>;base64,<正文> — 从 img src 或 CSS 整段粘贴。
  2. 纯 Base64:仅逗号后的正文 — 常见于 REST 响应,类型另传字段。
  3. 正文相同时,解码得到的文件字节一致。

格式识别

  1. 带 data URL 时,MIME 前缀决定浏览器如何渲染。
  2. 纯正文会在 Base64 解码后检查 PNG/JPEG/GIF/WebP 魔数。
  3. 非图片或无效 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 URL
  • JSON 纯字段仅正文 — 靠文件头识别 PNG/JPEG/GIF/WebP
  • 换行与空格正文中的空白会在解码前去除
  • img src="…"若属性值为完整 data URL,可整段粘贴