Data URI生成器

将文件转换为Data URI

拖放或点击上传

最大 20 MB

什么是Data URI生成器?

Data URI 生成器将文件转换为 base64 编码的 Data URI,可直接嵌入 HTML、CSS 或 JavaScript。为图标、字体等小型资源省去额外的 HTTP 请求。

使用方法

  1. 使用文件选择器上传文件(图片、字体、SVG 或其他小型资源)。
  2. 工具自动将其编码为 base64 并生成包含正确 MIME 类型的完整 Data URI。
  3. 复制 Data URI,用于 img src 属性、CSS background-image 或 JavaScript 代码。

结果

将一个 2KB 的 favicon.png 转换为 Data URI 后直接粘贴到 HTML 中——每次页面加载少一个网络请求。

相关工具