Data URI 生成器

什么是Data URI 生成器?

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

使用场景4个场景
  • 小图标内联
  • 背景图嵌入
  • 减少 HTTP 请求
  • 单页应用优化
如何使用?4
  1. 1输入文本或上传图片
  2. 2自动转换为 Data URI
  3. 3复制生成的 Data URI
  4. 4粘贴到 HTML/CSS 中
功能特点4个特点
  • 文本/图片支持
  • Base64 编码
  • 减少 HTTP 请求
  • 免费
常见问题6个问题
Data URI 生成器 是什么?

一款在线前端工具。输入:文本或图片文件。输出:Base64 编码的 Data URI,可直接内嵌到 HTML/CSS。适用于小图标、背景图等减少 HTTP 请求、提升页面加载速度。

Data URI 有什么缺点?

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

所有浏览器都支持吗?

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

Data URI 会被浏览器缓存吗?

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

格式 是什么?

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

能在 CSS 中使用 Data URI 吗?

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