图片Base64互转工具

将PNG、JPEG、GIF、WebP图片转为Base64或Data URI,也可还原预览并下载图片。

工具资源加载中...

图片 Base64 互转工具介绍

图片 Base64 互转工具可以将本地 PNG、JPEG、GIF、WebP 图片转为标准 Base64 字符串或 Data URI,也能将编码还原为图片并下载。工具根据真实文件头识别类型,再通过浏览器实际解码验证图片,处理过程在本地浏览器内完成,无需上传文件。

两种文本输出

选择纯 Base64 或含 MIME 前缀的 Data URI,可复制文本或导出 TXT,便于调试和保存。

编码还原图片

支持四种常见光栅格式,显示预览、像素尺寸、字节数与编码长度,并下载原始二进制文件。

严格校验内容

检查标准字母表、规范填充、未使用尾位及图片类型,避免把普通文本或其他文件当作图片。

如何把图片转 Base64?

  1. 选择“图片转 Base64”,选择本地 PNG、JPEG、GIF 或 WebP,文件不超过 10 MiB。
  2. 选择 Data URI 或纯 Base64 文本结果,再点击“开始转换”。
  3. 等待文件读取和浏览器图片验证,查看预览、格式、尺寸及大小。
  4. 复制编码或导出 TXT。选择同一文件也可以重新读取,修改设置会清除旧结果。

如何将 Base64 还原成图片?

  1. 选择“Base64 转图片”,粘贴纯 Base64 或 data:image/png;base64,... 形式的 Data URI。
  2. 点击“开始转换”。工具先检查编码,再识别 PNG、JPEG、GIF 或 WebP 文件头,验证浏览器是否能解码。
  3. 核对预览和图片类型,点击“下载图片”保存原始二进制内容;也可以复制规范化后的编码。

“加载示例”会填入一个 1 × 1 像素的 GIF Data URI 并执行还原。该示例体积很小,用于了解转换流程。

标准 Base64、Data URI 与图片类型规则

纯 Base64 只包含编码字符,Data URI 则增加类型和标记,例如 data:image/gif;base64,。工具仅接受标准 Base64 的 A–Z、a–z、0–9、+、/ 与必要的尾部 =,规范编码长度应为 4 的倍数。不接受 Base64URL 的 -、_ 或省略必要填充的写法。

编码中的 ASCII 空格、制表符、换行等空白会被移除;全角空格和其他非 ASCII 字符不会自动忽略。最后一组未使用位必须为零,非法填充和非规范尾位会提示错误。Data URI 仅支持固定图片 MIME 与 ;base64, 前缀,不接受额外参数,声明类型必须与文件头一致。

裸 Base64 会识别真实 PNG、JPEG、GIF、WebP 文件头,不依据文件扩展名猜测,也不接受 SVG。文件头正确仍可能是损坏文件,只有通过浏览器实际图片解码后才显示结果;浏览器不支持某种图片编码时会提示失败。

适用场景、优势与处理上限

适合前端调试 Data URI、小图标嵌入、核对接口返回的图片编码及还原已有 Base64 图片资料。工具不经过 Canvas 重绘,不压缩图片,不修改透明背景、原始动画或文件中的元数据;下载内容是校验后的原始二进制字节。浏览器预览效果仍由其自身解码能力决定。

图片文件及还原后的数据最多 10 MiB(10485760 字节),图片最多 2400 万像素,任一边不超过 12000 像素;输入文本最多 16,000,000 个 UTF-16 单元。Base64 字符数约为原始字节数的 4/3,通常增加约三分之一,另有少量填充与 Data URI 前缀开销;较大图片编码不适合直接嵌入页面。

需要缩小图片可使用 图片压缩工具;普通 UTF-8 文本请使用 Base64 编码解码工具;网址参数编码可使用 URL 编码解码工具。

图片 Base64 互转常见问答

转成 Base64 会压缩图片吗?

不会。Base64 只是将二进制表示为文本,通常会增加约三分之一大小。本工具保留原图片字节,不提供图片质量或尺寸修改。

为什么有正确前缀却无法还原?

前缀不能证明图片有效。编码可能有非法字符、填充或尾位错误,声明 MIME 可能与文件头不同,也可能是损坏图片、超出限制或浏览器不支持的编码。请按页面错误提示检查。

清空后会保留图片和编码吗?

不会主动保存输入。清空会移除当前文件与文本、取消未完成读取,并释放本地图片对象地址;过期的异步回调不会覆盖新结果。