SVG 转 Data URI 转换器
快速生成可内联使用的 Data URI，适合小图标与嵌入场景。在线打开 SVG 文件即可转换。
拖放 SVG 文件
或点击选择，或粘贴 SVG 代码
仅支持 .svg 文件
使用 Ctrl+V / Cmd+V 粘贴
为什么使用我们的 SVG 转 Data URI 转换器？
双编码选择
按场景选择 Base64 或 URL 编码，兼顾兼容性与长度。
复制即用
自动转义特殊字符，生成 data:image/svg+xml，直接复制使用。
多场景嵌入
适用于 img src、background-image、内联样式与邮件模板。
更短输出
配合优化 SVG，减少字符串长度与代码体积。
隐私优先
全部在浏览器本地完成，文件不离开设备。
快速迭代
适合设计系统与原型场景，粘贴即完成转换。
如何将 SVG 转为 Data URI
1
添加 SVG
拖拽文件或粘贴代码，自动读取 viewBox 与颜色。在线打开 SVG 文件后即可转换。
2
选择编码
选择 Base64 或 URL 编码，实时更新输出结果。
3
复制嵌入
复制 Data URI，粘贴到 HTML、CSS 或 JSON。
SVG Data URI 常见问题
SVG Data URI 有什么用？
SVG 转 Data URI 可直接内联，无需托管文件，适合小图标与组件。
SVG 转 Data URI：Base64 与 URL 编码选哪个？
Base64 兼容性更好；URL 编码更短且易读，适合简单图形。
SVG Data URI 可以用于 CSS 背景吗？
可以，直接用于 background-image: url(...)。
会上传到服务器吗？
不会。本地处理，文件不外传。
大小限制是多少？
支持最大 10MB，过大可能生成很长字符串。
需要先优化吗？
建议先优化，输出更短、维护更方便。
会保留颜色与 viewBox 吗？
会保留 viewBox、填充与描边，渲染与原图一致。
SVG 转 Data URI 转换器 是否免费且无需下载？
是的。SVG 转 Data URI 转换器 在浏览器中免费使用，无需下载或安装。
使用 SVG 转 Data URI 转换器 需要注册账号吗？
不需要。SVG 转 Data URI 转换器 打开即用，无需注册，文件本地处理。