文件转 Data URI 转换器

将文件转换为 Data URI 字符串,便于嵌入 HTML、CSS 或 JSON,完全离线。

文件
将文件转换为 Data URI 字符串,便于嵌入 HTML、CSS 或 JSON,完全离线。
Data URI
将文件转换为 Data URI 字符串,便于嵌入 HTML、CSS 或 JSON,完全离线。
Data URI
生成的 Data URI 将显示在这里...

什么是 Data URI?

Data URI(也叫 data URL)可以把小文件直接嵌入到文本中。格式:data:[mime][;charset][;base64],data

常见用途:

  • 在 HTML/CSS 中内联图片或字体
  • 在 JSON/配置中保存小资源

注意:

  • 适合小文件,过大会让页面变慢
  • 二进制通常使用 Base64

示例

data:image/svg+xml;base64,PHN2ZyB4bWxucz0i...

逗号前面的部分描述文件信息,例如 MIME 类型以及是否使用 Base64。逗号后面的部分是编码后的文件内容。

何时适合使用这个转换器

  • 将本地文件快速转换成可嵌入 HTML、CSS、JSON 或邮件模板的字符串
  • 制作无需额外托管资源的自包含演示或示例
  • 在把结果粘贴到其他工具之前,先检查识别出的 MIME 类型

实际限制

  • Data URI 更适合图标、小图片或短片段这类小文件
  • Base64 大约会增加 33% 体积,因此最终字符串会比原文件更大
  • 字符串过长时,在带有长度限制的表单、配置或编辑器中粘贴会比较麻烦