文件/图片 Base64

工具介绍

Base64 能把任意二进制文件用纯文本表示,这在开发中很常用:把小图标转成 Data URI 直接内嵌进 HTML/CSS,省掉一次网络请求;把图片或附件编码后放进 JSON、配置或邮件里传输;或者反过来,把接口返回、日志里看到的一长串 Base64 还原成原始文件查看。手动用命令行做这些转换并不方便,有个即开即用的在线工具会顺手很多。

本工具支持文件/图片与 Base64 的双向转换。编码方向:拖入任意文件或图片,采用分块读取与分块编码、带进度显示,即使是几十 MB 的大文件也不会卡死页面;结果同时给出纯 Base64 字符串和可直接使用的 Data URI(形如 data:image/png;base64,...),并展示 MIME 类型、原始体积与编码后体积,图片还会即时预览;两种结果都能一键复制或下载为 txt。解码方向:粘贴 Base64 或 Data URI,工具会识别类型,图片可预览,可自定义文件名后一键还原成文件下载到本地。

所有转换都在浏览器本地完成,文件不会上传到任何服务器,处理私密文档也安全。需要留意的是,Base64 会让数据体积增大约三分之一,因此内嵌适合用于很小的图标或资源,大文件仍建议走正常的文件引用方式。

使用方法

1. 编码:拖拽或选择文件/图片,分块读取并显示进度,自动生成纯 Base64 与可直接内嵌的 Data URI,并显示 MIME 类型、原始体积与编码后体积;图片会显示预览。
2. 点击「复制」获取完整字符串,或「下载为 txt」把结果保存为文本文件;超长输出会自动折叠预览以保持页面流畅。
3. 解码:粘贴 Base64 或 Data URI,自动识别类型,图片可预览,可自定义文件名后还原为文件下载。
4. 全程本地处理,文件不会上传。

常见问题

为什么要把图片转成 Base64?

把小图标、小图片转成 Base64 的 Data URI 可直接内嵌到 HTML/CSS/JS 中,省去一次额外的网络请求,适合极小的图标或邮件内嵌图。注意:体积会增大约 33%,大图不建议内嵌。

Data URI 和纯 Base64 有什么区别?

Data URI 形如 data:image/png;base64,xxxx,带有类型前缀,可直接用于 img 的 src 或 CSS 的 url();纯 Base64 只是后面那段编码,需要自己拼接前缀或交给后端处理。本工具两种结果都会给出,可分别复制或下载。

能处理大文件吗?会卡顿吗?

可以。工具采用分块读取(4MB/块)与分块编码,并周期性让出主线程、显示进度条,几十 MB 的文件也不会冻结页面;输出过长时会折叠预览,完整内容通过复制或下载获取。

文件会上传吗?

不会。读取与编解码全部在浏览器本地完成,文件不会上传到任何服务器,处理私密文档也安全。

解码后文件名/类型从哪来?

若粘贴的是带类型的 Data URI,会据此推断扩展名并预填文件名,你也可手动修改;纯 Base64 无类型信息,将以通用二进制(.bin)下载。

相关工具