SVG 转 data URI（CSS 和 HTML）
将 SVG 代码转换为优化的 data URI，用于 CSS（background-image、mask）和 HTML，URL 编码比 Base64 更短，并带图像预览。
使用方法粘贴 SVG 代码。
可用语言: 
广告
SVG 转 data URI（CSS 和 HTML）: 用途
粘贴 SVG 代码并选择输出格式。工具会去除多余空格、替换引号，只编码必要的字符，生成比 Base64 更小的 data URI，并显示图像预览和最终大小。
使用方法
- 粘贴 SVG 代码。
- 选择 CSS、data URI、img 或 Base64。
- 复制结果。
使用场景
- 无需额外文件，把图标嵌入 CSS。
- 在 mask-image 中使用 SVG。
- 减少页面请求数。
常见问题
为什么不用 Base64？
对 SVG 来说，URL 编码的结果通常比 Base64 更小，因为 SVG 本身就是文本。只有 <、>、# 和引号等特殊字符需要编码。
如何在 CSS 中使用？
复制 background-image: url("data:image/svg+xml,...") 格式的结果。它同样适用于 mask-image、list-style-image 以及 img 标签的 src 属性。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。