SVG转Data URI工具

工具功能

本工具可以将SVG代码转换为两种Data URI格式：Base64编码和URL编码，方便你直接在HTML或CSS中使用，无需单独引用SVG文件。支持粘贴SVG代码或上传本地SVG文件进行转换。

使用方法

1. 将SVG代码粘贴到输入框中，或者点击上传按钮选择本地SVG文件。
2. 勾选「自动转换」后，输入内容改变会自动更新结果，也可以点击「开始转换」手动转换。
3. 转换完成后会显示原始大小和两种编码后的大小，点击复制按钮即可复制对应的Data URI。

转换原理

Data URI是一种将小型文件嵌入到网页的方案，SVG转Data URI有两种常用编码方式：

• Base64编码：data:image/svg+xml;base64,[base64编码后的SVG内容]
• URL编码：data:image/svg+xml,[URL编码后的SVG内容]

一般来说URL编码后的Data URI体积比Base64更小，兼容性也很好，推荐优先使用URL编码版本。

注意事项

• 本工具仅转换SVG代码，不会上传你的内容到服务器，所有处理都在本地完成，保障隐私安全。
• 较大的SVG转换后Data URI体积也会较大，不建议在网页中使用过大的内联SVG，可能影响页面加载速度。
• 复制结果后可直接用于img标签的src属性或者CSS的background属性。