SVG转CSS Data URI转换器
粘贴原始SVG标记，获得一个URL编码的data URI，可直接放入CSS的background-image中，还提供渲染后SVG的实时预览。
实时预览
您的 SVG 预览将显示在这里
数据 URI
CSS 代码片段
常见问题
为什么要使用data URI而不是外部SVG文件？
data URI将SVG直接嵌入到您的CSS或HTML中，省去了一次额外的HTTP请求。这对于纯粹用作背景图片的小图标特别方便，把所有内容保存在一个样式表中比管理单独的资源文件更简单。
为什么它是URL编码而不是base64？
URL编码的SVG data URI通常比base64的等效版本更小，并且保持人类可读，这使得它们更易于在CSS中直接查看或调整。浏览器同时支持这两种方式，此工具使用更紧凑、更易读的选项。
粘贴来自不可信来源的SVG安全吗？
预览会将您的SVG渲染为'<img>'，而不是作为实时HTML注入，因此恶意SVG中嵌入的脚本不会在预览中执行。尽管如此，请像对待任何其他文件一样对待SVG文件，只粘贴您信任的标记。