文件 Base64 互转 - 开发工具 · 萤炬工具箱

文件与 Base64 双向互转：把任意文件编码为 Base64 字符串或完整 DataURL（带 MIME 前缀），也能把 Base64 / DataURL 还原成文件下载。自动识别 MIME 类型与扩展名。常用于把小图内联进 CSS、在 JSON 里传二进制、调试接口返回的 Base64 字段。整个过程在浏览器完成…

文件与 Base64 双向互转：把任意文件编码为 Base64 字符串或完整 DataURL（带 MIME 前缀），也能把 Base64 / DataURL 还原成文件下载。自动识别 MIME 类型与扩展名。常用于把小图内联进 CSS、在 JSON 里传二进制、调试接口返回的 Base64 字段。整个过程在浏览器完成，文件不上传。

使用步骤

1. 选择或拖入文件，得到 Base64 字符串与 DataURL 两种形式。
2. 或切换到解码方向，粘贴 Base64 / DataURL 文本。
3. 解码时工具自动从 DataURL 前缀识别 MIME 与扩展名。
4. 复制编码结果，或点击下载还原成文件。

功能与限制

• 纯前端处理，文件不上传服务器。
• 解码时自动从 DataURL 前缀推断 MIME 与文件扩展名。
• 大文件编码受浏览器内存限制，处理时间与内存占用随体积上升。

常见问题

Base64 和 DataURL 有什么区别？

Base64 是纯编码后的字符串；DataURL 在其前面加了协议头，格式为 data:image/png;base64,xxxx，浏览器可以直接当 URL 使用。

为什么 Base64 后体积变大了？

Base64 用 4 个字符表示 3 个字节，体积固定膨胀约 33%，再加换行与 DataURL 前缀会更多。它解决的是「二进制走文本通道」，不是压缩。

什么时候适合把图片内联成 Base64？

几 KB 的小图标内联可省一次 HTTP 请求。大图不要内联：体积膨胀、无法被浏览器单独缓存，还会阻塞 CSS 或 HTML 的解析。

解码时提示格式错误怎么办？

常见原因是字符串被换行、空格污染，或误混了 URL-safe 变体（用 - 和 _ 替代 + 和 /）。先去掉空白字符，再确认是否需要把 -_ 换回 +/。