Data URI 生成器
免费在线 Data URI 生成工具，文件转 Base64 内嵌
📎点击或拖放文件以生成 Data URI支持图片、字体、SVG、PDF 等
什么是 Data URI？
Data URI 使用格式 data:[mimeType];base64,[data] 将文件数据直接嵌入 URL 中。这允许你在 HTML、CSS 或 JavaScript 中直接嵌入小图片、字体或文件，无需外部文件引用。Data URI 消除了小资源的额外 HTTP 请求。
如何生成 Data URI
上传文件（图片、字体、SVG 等）。工具生成 Data URI 字符串。使用「复制为 CSS」获取 background-image 属性，或「复制为 HTML」获取 <img> 标签。Data URI 最适合 10KB 以下的文件。
▶何时应该使用 Data URI 而非外部文件？
Data URI 适用于小资源（10KB 以下），如图标、小图片或字体。对于较大文件，带缓存的外部文件更高效。CSS 中过多的 Data URI 会减慢渲染速度。
▶Data URI 在所有浏览器中都能用吗？
是的，所有现代浏览器都支持 Data URI。非常旧的浏览器（IE8 及以下）有 32KB 的大小限制，但这与现代应用无关。