Data URI 转换器

将文件转换为 base64 Data URI(data:...;base64,...),可直接嵌入 HTML 或 CSS;也可以把现有的 Data URI 解码为可下载的文件。

文件转 Data URI

已根据所选文件自动预填。

Data URI 转文件

示例:

工作原理

想把一张小图片直接嵌入 CSS 或 HTML 文件而不增加网络请求,或者把二进制文件放进 JSON 文本字段中传输?Data URI 会把文件内容以 base64 编码为一段自包含的字符串,可直接用作 src 或 background-image 属性的值。本工具支持双向转换:文件转 Data URI,以及 Data URI 转可下载的文件。

为什么我的 Data URI 比原始文件大这么多?

base64 编码会使体积增加约 33%,因为每 3 个二进制字节会用 4 个文本字符来表示。这是在 HTML、CSS、JSON 等纯文本格式中传输二进制数据所必须付出的代价。

编码时应该填写哪种 MIME 类型?

填写与文件对应的 MIME 类型(例如 image/png、image/jpeg、application/pdf):通常会根据所选文件自动预填,必要时您也可以手动修改。

100% 本地处理:编码和解码完全通过 WebAssembly 在您的浏览器中完成——您的文件不会离开您的设备。