📐 SVG 转 DataURI

将 SVG 矢量代码转换为 UTF-8 编码或 Base64 的 DataURI，支持空白压缩与实时预览。

关于此工具

把 SVG 矢量代码转换为 data URI，可直接用于 img 的 src、CSS 背景图或图标内嵌，避免额外请求。

如何使用

  1. 粘贴 SVG

    把 SVG 源码粘贴到输入框。

  2. 选择格式

    UTF-8 编码体积更小，Base64 更通用。

  3. 转换预览

    点击“转换”生成 DataURI 并实时预览。

使用场景

图标内嵌

把 SVG 图标转 DataURI 写进 CSS。

单文件输出

将 SVG 打包进 HTML 或 JSON 中。

邮件签名

在受限环境中内嵌矢量图形。

常见问题

UTF-8 和 Base64 怎么选？

UTF-8 编码通常更短；Base64 兼容性更好但体积约增 33%。

为什么压缩空白？

SVG 中的空白会占编码体积，压缩后 DataURI 更短。

预览失败怎么办？

检查 SVG 是否包含未转义的特殊字符或不支持的标签。