SVG 优化压缩
八条低风险规则清理 SVG，与预览导出工具成对使用。
请粘贴要优化的 SVG。
原因：输入为空。
建议：贴 <svg>...</svg> 源码或上传 .svg 文件。
粘贴 SVG 后，优化结果与预览会显示在这里。
使用说明
这个工具解决什么问题
设计工具导出的 SVG 常拖着一堆行李:XML 声明、DOCTYPE、注释、metadata、Inkscape/Sketch/Adobe 的编辑器命名空间、空容器,体积翻倍还碍事。这个工具与站内 SVG 预览导出成对,只做低风险的无损清理:八条规则命中即清,数值精度默认收敛到 3 位小数(可关),展示节省字节数与命中规则清单。红线明确:不动 id/class、不改路径几何、不动 viewBox。纯浏览器本地运行,文件不上传。
核心能力
八条规则:XML 声明/DOCTYPE、注释、metadata 与编辑器命名空间、空容器(g/defs/marker/symbol)、精度收敛、空白收敛等逐条命中清理。可选裁剪:删 title/desc 与根元素 width/height 按需勾选。红线保护:id/class、路径几何、viewBox 一律不动。结果可核:节省字节数与命中规则清单全部列出。零上传:本地优化,文件不出本机。
使用建议
图标类 SVG 清理收益最大,导出后先过一遍本工具再进项目;清理完贴回站内 SVG 预览确认图形无变化,再合入代码库。无障碍场景(公开网站、需要读屏)不要勾删 title/desc;数值精度改动虽小,精致渐变与细描边图形建议先开着预览对比,拿不准就关掉。
常见问题
优化会不会破坏我的 SVG?
只做低风险清理,有明确红线:不动 id/class(动画与样式引用会断)、不改路径几何、不动 viewBox。每条命中的规则与节省字节数都列出,改了什么一目了然。
会删掉 title 和 desc 吗?
默认不删,这是可选项。title/desc 是读屏软件依赖的无障碍描述,公开页面或在意可访问性就别开;只在纯装饰性图标等确定不需要的场景再勾。
删根元素 width/height 安全吗?
可选。删掉后 SVG 按 viewBox 比例自适应容器尺寸,Web 场景常用;但邮件等依赖固定尺寸的环境会异常,按用途决定。
和 SVG 预览导出是什么关系?
与站内 SVG 预览导出成对:预览确认图形正常,再用本工具瘦身。数值精度默认收敛到 3 位小数可关,metadata 与 Inkscape/Sketch/Adobe 等编辑器命名空间一并清掉。