将SVG矢量图形转换为 background-image: url("data:image/svg+xml,...") 格式的CSS代码。
适合用于CSS背景图案、图标、装饰元素,无需额外图片资源。
Data URI是一种将文件内容嵌入到URL中的方案。使用data:image/svg+xml可以将SVG直接嵌入CSS,无需外链文件。这减少了HTTP请求,适合小图标和背景图案。
颜色修改功能适用于SVG中使用 currentColor 或特定fill颜色的场景。如果SVG中直接指定了固定颜色,需要手动编辑SVG代码。
所有现代浏览器都支持 data:image/svg+xml 作为CSS background-image。IE11也支持,但需注意SVG中的特殊字符需要正确编码。