将 SVG 转换为可直接嵌入 CSS 的 Data URI 背景代码
把本地或输入的 SVG 矢量图,转换成适配 CSS 背景的 Data URI 编码代码。解决网页中嵌入小 SVG 图标,减少额外图片请求的问题。
遵循 Data URI 规范编码 SVG 内容,自动转义特殊字符,生成的代码可以直接写进 CSS background 属性,不需要额外托管 SVG 文件。
最大支持 1MB 的 SVG 文件转换。超过体积会提示截断,超出部分内容会丢失,建议拆分大 SVG 分批转换。
默认直接输出完整 background 属性代码,你也可以只复制 Data URI 部分,自行拼接其他CSS属性。
可以正常转换编码。转换后渐变、动画效果都可以正常显示,只要你的目标浏览器支持对应SVG特性即可。
先检查原SVG是否有未转义的特殊字符,本工具会自动处理,若你手动修改过代码请重新转换。此外部分旧浏览器不支持SVG Data URI背景。