首页›文本·编码·数据›SVG 转 Data URI 编码

SVG 转 Data URI 编码

将 SVG 源码编码为 data URI 文本,可直接写入 CSS 的 background 或 url() 中,避免额外图片请求并让样式自包含。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 粘贴 SVG 文件内容
  2. 选择 URL 编码或 Base64 输出
  3. 生成 data:image/svg+xml 字符串
  4. 复制填进 CSS 的背景声明

典型场景

在样式里内嵌小图标省去图片文件
生成可直接引用的背景图案
减少页面外链请求数量

常见问题

URL 编码和 Base64 选哪个?

URL 编码通常体积更小、可读性好,Base64 兼容性直观,按需选择。

转后能用 img 标签吗?

同样可作为 src 使用,但常用于 CSS 背景引用。

为什么有的浏览器不显示?

多因特殊字符未正确转义,需保证编码后的串合法。

相关工具