什么是Data URI 生成器?
免费在线 Data URI 生成工具,将文本或图片转换为 Data URI 格式(Base64 编码),可直接内嵌到 HTML/CSS 中,减少 HTTP 请求数量,提升页面加载速度。适合小图标、背景图和内联脚本。
▶使用场景4个场景
- ◆小图标内联
- ◆背景图嵌入
- ◆减少 HTTP 请求
- ◆单页应用优化
▶如何使用?4步
- 1输入文本或上传图片
- 2自动转换为 Data URI
- 3复制生成的 Data URI
- 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,...) 在所有现代浏览器中都有效。