Data URI 生成器

什么是Data URI 生成器?

免费在线 Data URI 生成工具,将文本或图片转换为 Data URI 格式(Base64 编码),可直接内嵌到 HTML/CSS 中,减少 HTTP 请求数量,提升页面加载速度。适合小图标、背景图和内联脚本。

使用场景

  • 小图标内联
  • 背景图嵌入
  • 减少 HTTP 请求
  • 单页应用优化

如何使用?

  1. 1输入文本或上传图片
  2. 2自动转换为 Data URI
  3. 3复制生成的 Data URI
  4. 4粘贴到 HTML/CSS 中

功能特点

  • 文本/图片支持
  • Base64 编码
  • 减少 HTTP 请求
  • 免费

常见问题

Data URI 有什么缺点?

会增加 HTML/CSS 文件大小,不适合大文件。建议只用于小于 10KB 的资源。

所有浏览器都支持吗?

是的,所有现代浏览器都支持 Data URI。

Data URI 有什么缺点?

会增加 HTML/CSS 文件大小。建议只用于小于 10KB 的资源,不适合大图片。

Data URI 会被浏览器缓存吗?

不会。Data URI 直接嵌入文档中,无法单独缓存。可缓存的资源应使用常规 URL。

格式是什么?

data:[<媒体类型>][;base64],<数据>。例如:data:image/png;base64,iVBOR...

能在 CSS 中使用 Data URI 吗?

能。background-image: url(data:image/png;base64,...) 在所有现代浏览器中都有效。