Base64 文件转换器

将任意文件或图片编码为 Base64 数据 URI,并将数据 URI 解码还原为可下载的文件。

正在加载工具…

Base64 文件转换器把任意文件或图片转换成可直接粘贴进 CSS 或 HTML 的 Base64 数据 URI,再用一次点击把数据 URI 解码还原成原始文件。全部处理都在浏览器中完成,使用 FileReader 与 atob 实现,你拖入的文件绝不会离开设备,也不会上传到任何服务器。

Base64 文件转换器 是什么?

Base64 文件转换器是一款免费的浏览器内工具,可在二进制文件与 Base64 数据 URI 之间互相转换。前端开发者用它把小图标、字体或图片内联到样式表和标记中,省去一次额外的网络请求;测试与支持人员则用解码功能还原别人以一长串数据 URI 形式发来的文件。使用“编码”拖入文件并复制其数据 URI(可选择预先包装成 CSS background-image 规则或 HTML img 标签),使用“解码”粘贴数据 URI 并下载还原后的文件。图片输入和解码后的图片都会显示可点击放大的预览。

如何使用 Base64 文件转换器

  1. 在顶部用“编码 / 解码”开关选择模式。
  2. 若要编码,在上传区拖入或选择一个文件(或图片),其 Base64 数据 URI 会立即出现在输出框中。
  3. 打开“设置”选择输出包装形式:原始数据 URI、CSS background-image 规则,或 HTML img 标签。
  4. 点击“复制”按钮把数据 URI 放入剪贴板。
  5. 若要解码,切换到“解码”并把数据 URI 粘贴到文本框中,预览和文件信息随即出现。
  6. 点击“下载”按钮将还原后的文件保存到设备。

示例

在 CSS 中内联一个小 PNG 图标

编码模式:拖入一个 2 KB 的 icon.png,把包装设为 CSS,然后直接把 background-image: url("data:image/png;base64,…") 规则复制进样式表。

还原以数据 URI 形式收到的文件

解码模式:粘贴 data:application/pdf;base64,… 字符串并点击下载,即可在不经过任何服务器的情况下取回 report.pdf。

在使用前预览 Base64 图片

解码模式:粘贴 data:image/jpeg;base64,… 字符串,图片便会渲染在预览区,点击即可在灯箱中查看原图大小。

常见问题

可以编码哪些类型的文件?
任何文件都可以:图片、PDF、字体、压缩包、JSON、纯文本等。工具用浏览器的 FileReader 读取文件,生成包含正确 MIME 类型的 Base64 数据 URI。
为什么 Base64 输出比原文件大?
Base64 把 3 个字节编码成 4 个字符,因此数据 URI 大约比原文件大 33%。这是正常的取舍,也是把二进制数据以文本形式嵌入所付出的代价。
解码时我会得到什么文件名?
工具会从数据 URI 中读取 MIME 类型并据此命名下载文件,例如 decoded.png 或 decoded.pdf。若类型未知,则回退为 .bin 扩展名。
能否解码没有 data: 前缀的纯 Base64 字符串?
可以。如果你粘贴的是没有 data: 头部的纯 Base64 内容,它会被当作通用二进制文件(application/octet-stream)解码,并以 .bin 文件形式提供下载。
我的文件会被上传到任何地方吗?
不会。编码和解码都完全在你的浏览器中本地运行,不上传任何内容,也不与任何服务器通信,因此你的文件始终保留在你的设备上。

相关工具