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