文件

Base64 转图片

将原始 Base64、Data URL、CSS url()、HTML img 标签和 Markdown 图片语法中的图片数据还原为可预览、可下载的图片。工具会自动识别输入形式和图片 MIME 类型，适合用于 API 调试、邮件图片排查、嵌入式资源提取，以及前端渲染问题定位。

  • 支持原始 Base64、Data URL、CSS、HTML 和 Markdown 图片输入
  • 自动解析并即时预览，方便快速发现编码问题
  • 展示输入来源、图片 MIME、预估大小和像素尺寸
  • 一键下载还原后的图片，便于后续处理
  • 解码、预览和下载全程在浏览器本地完成
工具/Base64 转图片
未输入
未输入
输入来源
-
MIME
-
图片大小
-
图片尺寸
-
粘贴 Base64 内容后，还原出的图片预览会显示在这里。
命令

功能简介

粘贴、识别、预览、下载，一套流程全部在浏览器内完成。

  1. 01

    识别多种输入来源

    可以从 HTML、CSS 或 Markdown 文本中提取已编码的图片数据，也可以直接处理原始 Base64。

  2. 02

    支持 Data URL 和原始 Base64

    既能处理带 MIME 前缀的 Data URL，也能处理没有前缀的 Base64 字符串，减少手动清理格式的麻烦。

  3. 03

    检查 MIME 和数据大小

    自动读取或推断 MIME 类型，并估算解码后的二进制大小，帮助判断数据是否完整。

  4. 04

    实时预览还原结果

    图片解码后会立即渲染，数据损坏、截断或 MIME 不匹配的问题更容易被发现。

  5. 05

    读取图片尺寸

    显示图片的原始宽高，便于确认它是否符合预期的资源规格。

  6. 06

    直接下载图片

    将还原后的图片导出为文件，继续用于编辑、压缩、归档或分享。

如何使用

建议按粘贴内容、确认解析、检查预览、导出文件的顺序操作。

  1. 01

    粘贴 Base64 字符串，或粘贴包含内嵌图片的 HTML、CSS、Markdown 文本。

  2. 02

    等待工具自动解析并识别输入来源。

  3. 03

    确认图片预览是否正常显示，同时检查 MIME、图片大小和尺寸。

  4. 04

    如果预览失败，先确认输入是否完整，是否混入多余字符，或是否存在转义问题。

  5. 05

    点击下载图片，将解码后的文件导出到本地。

功能说明

围绕 Base64 图片还原、Data URL 解码和前端嵌入资源排查而设计。

  • 解码过程在浏览器本地完成，不会把数据发送到服务器
  • 自动从 HTML img、CSS url() 和 Markdown 图片语法中提取编码内容
  • 同时支持 Data URL 字符串和裸 Base64
  • 可识别 JPEG、PNG、WebP、GIF、SVG、AVIF 和 BMP
  • 校验 Base64 字符和补位，内容异常时给出清晰错误提示
  • 立即渲染解码后的图片，方便快速目视确认
  • 读取图片原始宽高，辅助 API 调试和资源核对
  • 估算解码后的图片大小，帮助发现异常偏大或偏小的数据
  • 一键下载解码图片，方便继续编辑、压缩或归档
  • 适合 API 调试、邮件问题排查和 Data URI 分析

适合哪些场景

适用于 API 验证、邮件模板排查、CSS 资源提取、Markdown 图片导出和问题复现。

  1. 检查 API 响应

    快速确认 API 返回的 Base64 图片字段，是否真的可以解码成有效图片。

  2. 排查邮件模板

    检查 HTML 邮件中的内联图片，判断是否存在损坏或内容被截断的问题。

  3. 提取 CSS 背景图

    从样式表中取出内嵌的背景图片，并还原为可使用的图片文件。

  4. 导出 Markdown 图片

    将 Markdown 中嵌入的图片数据转成文件，方便迁移、整理或复用。

  5. 复现日志或工单问题

    把日志、工单里保留的编码数据重新还原成图片，帮助定位问题。

  6. 处理敏感图片数据

    无需上传到第三方服务，直接在浏览器内完成敏感图片数据的解码。

延伸阅读

如果你手上有原始图片，可以先用 图片转 Base64 生成一份干净的参考数据，再和 API 返回结果对比。图片还原出来后，如果需要作为轻量资源放到页面、CMS 或支持工单里，可以继续使用 图片压缩 处理。

使用建议

用同一套流程完成校验、预览和导出，可以更快定位问题。

  • 尽量粘贴未经修改的原始数据，避免隐藏格式或多余字符影响解析。
  • 如果输入来自 JSON，请先确认字符串转义已经正确还原。
  • 当 MIME 和实际内容不一致时，建议把 Base64 主体和 MIME 字段分开处理。
  • 解码后先看图片尺寸，有助于判断问题来自解码本身，还是上游的裁剪、缩放。
  • 检查较长的数据时，可以使用全屏模式，更容易发现末尾是否被截断。
  • 如果图片还需要进一步上线或投放，可以在还原后继续做压缩或格式转换。

边界与注意事项

这个工具只负责解码和还原图片，不会增强画质、修复图片，也不会猜测缺失的数据。

  • 不完整的编码数据无法被完整还原。
  • 包含无效字符、补位错误或非图片数据时，校验会失败。
  • 对原始 Base64 的 MIME 推断属于经验判断，特殊情况请手动确认。
  • 特别大的编码内容可能会占用较多浏览器内存，并影响渲染性能。
  • SVG 的显示效果会受到浏览器安全规则和具体实现影响。
  • 不会进行降噪、放大、画质增强等处理。

常见问题

关于输入格式、本地处理、错误原因，以及这个工具适用范围的说明。

支持哪些输入格式？

支持原始 Base64、Data URL、CSS url()、HTML img 和 Markdown 图片语法。

Data URL 解码和 Base64 转图片是什么关系？

Data URL 本质上是在 Base64 图片数据前加上 MIME 前缀。这个工具既能处理 Data URL，也能处理单独的 Base64。

为什么会提示 Base64 无效？

可能是内容中包含无效字符、缺少补位，或数据被截断。尽量粘贴未经修改的原始字符串，通常更容易解决。

我的数据会被上传吗？

不会。解析、预览和下载都在浏览器本地完成。

能自动识别图片格式吗？

可以。Data URL 会明确携带 MIME；原始 Base64 则会根据常见图片格式的文件头特征进行推断。

看起来是 Base64，为什么还是无法预览？

它可能并不是图片数据，或者 MIME 类型与实际内容不一致。

解码后的图片可以直接下载吗？

可以。解析成功后，点击下载图片即可导出文件。

特别大的 Base64 也能处理吗？

可以处理，但字符串越长越占内存，性能更好的设备会更稳定。

这是图片压缩工具吗？

不是。它只负责把 Base64 还原成图片，不会改变像素，也不会压缩文件大小。

开发时一般用在哪里？

常用于 API 调试、Data URI 排查、邮件模板修复、日志或工单复现，以及前端显示问题定位。

怎么判断编码数据是否完整？

可以结合预览是否成功、文件大小是否合理、像素尺寸是否符合预期来判断。

原图是 JPG，却被识别成 PNG，这正常吗？

对于原始 Base64，工具会根据文件头特征推断格式。遇到不常见的数据时，可能会回退为 PNG。想要更准确的结果，建议粘贴带明确 MIME 的 Data URL。

更多相关工具

可以和 Image to Base64、图片压缩、图片格式转换搭配使用，完成从编码到还原的一整套流程。