SVG 编辑器
本地运行,数据不上传服务器
处理后没有可预览内容
预览效果
使用说明
从设计工具导出的 SVG 代码挤成一团,阅读和修改都不方便;图标代码里带了注释和多余空白,想压缩后放进项目;使用第三方 SVG 前想清理掉脚本、事件属性和外部引用,避免安全风险;改 SVG 的路径数据或颜色时,需要一个能实时预览的地方。 这个工具在线编辑和预览 SVG 源码,提供三个操作:净化、美化、压缩。净化会移除脚本、事件属性、foreignObject、远程资源和 xml:base,只保留安全的图形元素;美化用 2 空格缩进让代码可读;压缩则删除注释和空白,减小文件体积。 处理后可以安全预览,也能复制或下载为 optimized.svg。显示清理数量,让你知道净化移除了多少不安全元素。适合前端、设计师、处理第三方 SVG 的人。
核心功能
- ✓在线编辑和实时预览 SVG 源码
- ✓提供净化、美化、压缩三种操作
- ✓净化会移除脚本、事件属性、外部引用
- ✓美化固定使用 2 空格缩进
- ✓压缩删除注释和空白
- ✓显示结构摘要和清理数量
- ✓本地处理,SVG 不上传服务器
使用教程
整理设计工具导出的 SVG:上传或粘贴 SVG 源码,点击美化,代码立刻变得清晰易读。 压缩图标 SVG:用压缩操作删除注释和空白,文件体积明显减小。 净化第三方 SVG:使用别人的图标前先净化一遍,移除脚本和外部引用,避免安全风险。 修改路径或颜色:直接在编辑器里改代码,右侧实时预览效果。 下载处理后的文件:复制结果或下载 optimized.svg,直接放进项目里。
常见问题
Q:是可视化矢量绘图工具吗?
A:不是,这个工具只编辑 SVG 源码,不提供可视化绘图功能。
Q:压缩会优化路径数据吗?
A:不会,压缩只删除注释和空白,不合并图形,也不做 SVGO 级语义优化。
Q:净化会移除什么?
A:脚本、foreignObject、事件属性、远程资源和 xml:base 都会被清理。
Q:SVG 有大小限制吗?
A:最大 1MiB,元素节点最多 5000 个,嵌套深度最多 50。
Q:支持外部字体的 SVG 吗?
A:支持上传和编辑,但依赖外部字体、图片或远程样式的 SVG 在预览时可能显示不同。
Q:SVG 会上传服务器吗?
A:不会,编辑和处理在浏览器本地完成。