SVG 转 Data URI 编码
将 SVG 源码编码为 data URI 文本,可直接写入 CSS 的 background 或 url() 中,避免额外图片请求并让样式自包含。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 粘贴 SVG 文件内容
- 选择 URL 编码或 Base64 输出
- 生成 data:image/svg+xml 字符串
- 复制填进 CSS 的背景声明
典型场景
在样式里内嵌小图标省去图片文件
生成可直接引用的背景图案
减少页面外链请求数量
常见问题
URL 编码和 Base64 选哪个?
URL 编码通常体积更小、可读性好,Base64 兼容性直观,按需选择。
转后能用 img 标签吗?
同样可作为 src 使用,但常用于 CSS 背景引用。
为什么有的浏览器不显示?
多因特殊字符未正确转义,需保证编码后的串合法。