Data URI生成

将文本或文件转换为Data URI格式

Data URI 生成器

使用说明

输入文本内容和MIME类型,生成Data URI格式的字符串。Data URI可以将文件内容内嵌到HTML或CSS中,减少HTTP请求。

使用步骤

  1. 上传文件或粘贴文件内容。
  2. 工具自动转为 Data URI 格式(data:mime/type;base64,...)。
  3. 复制 Data URI。
  4. 将 Data URI 用于 <img src='...'>、CSS background-image 等。

常见问题

Data URI 和普通 URL 哪个更好?

Data URI 减少 HTTP 请求但增加 HTML/CSS 体积,且无法被浏览器缓存。小图标适合用 Data URI,大文件用 URL。

可以指定 MIME 类型吗?

自动识别文件类型,也可手动指定,如 image/svg+xml、font/woff2。

相关工具