SVG 转 DataURI
本地运行，数据不上传服务器
已按白名单清理；不可识别或外部引用会被移除。
DataURI 输出
输入 0 B输出 0 字符放大 0.00 倍
输入 SVG 后生成可复制的输出结果
预览区
使用说明
写 CSS 背景图时想内联一个小 SVG 图标，避免额外的图片请求；做单文件 HTML 演示时，把 SVG 内联进 img 标签或组件配置里；写组件库时需要把 SVG 图标转成 DataURI 放进代码；给不支持独立 SVG 文件的地方生成内联图形资源。 这个工具清理 SVG 源码后，把它转换成 URL 编码的 `data:image/svg+xml;charset=utf-8,...` DataURI，可以直接用在 CSS、HTML 或组件配置里。清理会移除脚本、事件属性、foreignObject 和外部引用，确保安全。中文、空格、`#` 和引号等字符会自动处理。 输入不超过 200KiB 时自动转换，超过后需要手动点击。结果可一键复制。适合前端开发、做组件库、写单文件演示的人。
核心功能
- ✓把 SVG 转成 URL 编码的 DataURI
- ✓输出 `data:image/svg+xml;charset=utf-8,...` 格式
- ✓自动处理中文、空格、#、引号等字符
- ✓清理脚本、事件属性和外部引用
- ✓提供实时预览
- ✓一键复制完整 DataURI
- ✓本地处理，SVG 不上传服务器
使用教程
CSS 背景图内联：把 SVG 图标转成 DataURI，直接放进 background-image 里。 HTML 内联图标：转成 DataURI 放进 img src 或组件配置，减少请求。 组件库使用：把常用图标转成 DataURI，在组件里直接引用。 单文件演示：内联所有图标，整个页面只有一个 HTML 文件。 验证清理效果：用右侧预览确认转换后的 SVG 显示正常。
常见问题
Q：输出是 Base64 还是 URL 编码？
A：URL 编码，不是 Base64。
Q：可以下载 DataURI 文件吗？
A：不支持，工具只提供复制。
Q：支持多大数据量？
A：输入最大 1MiB，超过 200KiB 时关闭自动转换。
Q：会处理 remote 引用吗？
A：会，远程图片、字体和脚本会在转换前被清理。
Q：支持 gzip 或 SVGO 优化吗？
A：不支持，工具只做清理和 URL 编码转换。
Q：SVG 会上传服务器吗？
A：不会，处理在浏览器本地完成。