SVG 转 CSS

把 SVG 代码转换为经过优化的 CSS background-image data URI，可选 URL 编码或 Base64，并提供实时预览。免费的在线 SVG 转 CSS 工具。

关于此工具

把 SVG 代码转换为 CSS background-image data URI。URL 编码能让结果简短且可读；也可以选择 Base64。

使用方法

  1. 粘贴 SVG 代码。
  2. 选择 URL 编码或 Base64。
  3. 复制 CSS 声明并查看预览。

常见问题

选 URL 编码还是 Base64？

URL 编码的 SVG 通常更小，并且保持可读。在会错误处理特殊字符的工具中，Base64 更稳妥。

为什么添加了 xmlns？

作为 data URI 使用的 SVG 需要 xmlns="http://www.w3.org/2000/svg" 才能渲染，所以缺少时会自动添加。

会删除空白吗？

会。标签之间的换行和多余空格会被合并，以缩短结果。

相关工具