设计导出冗余
清理设计工具导出的 SVG 中的 metadata、comments、编辑器属性、隐藏元素和空 group。
免费开发者工具
SVG 优化器 清理并压缩 SVG 代码
粘贴 SVG 代码或上传 SVG 文件。SVG 优化器会清理常见导出冗余、压缩路径和数值精度、保留 viewBox，对比压缩前后大小，并支持复制或下载优化后的 SVG。
AD
SVG 优化器解决的问题
当导出的图标带有大量设计软件冗余信息时，SVG 优化器可以帮助前端开发者、设计师和图标库维护者快速清理。
图标库维护
在把图标加入前端共享包之前，用 SVG 优化器统一清理和压缩。
私密 SVG 清理
在浏览器中使用 SVG 优化器，让未发布 logo、界面图标和产品素材保留在本地。
SVG 优化器的 SVG 清理功能
SVG 优化器把结构清理、路径压缩、精度控制、大小对比、复制和下载放在同一个浏览器工作流中。
粘贴或上传 SVG
直接粘贴 SVG 代码，或加载 .svg 文件，无需上传到服务器。
移除常见冗余
移除 metadata、comments、隐藏元素、无用编辑器属性和空 group。
压缩路径和数值
按设定精度压缩路径数据、坐标、transform、透明度等数值属性。
保留 viewBox
SVG 优化器会保留 viewBox 和必要根属性，保证图标仍可响应式缩放。
对比大小节省
查看原始大小、优化后大小、节省字节和压缩率。
复制或下载
复制优化后的 SVG 到项目，或下载干净的 .svg 文件。
如何使用 SVG 优化器
SVG 优化器的流程是粘贴或上传、选择清理规则、检查节省结果，然后复制或下载。
01
粘贴或上传 SVG
把 SVG 代码放入编辑器，或从设备上传 .svg 文件。
- 仅本地处理 - 不上传
02
选择 SVG 优化器清理选项
切换 metadata、comments、隐藏元素、无用属性、空 group、空白和数值精度。
- 仅本地处理 - 不上传
03
查看 SVG 优化器节省结果
复制前检查压缩前后字节数，以及移除项目统计。
- 仅本地处理 - 不上传
04
复制或下载优化后 SVG
把优化后的 SVG 复制到项目，或下载干净的 .svg 文件。
- 仅本地处理 - 不上传
SVG 优化器使用场景
SVG 优化器适合需要干净生产 SVG 的前端开发者、设计师和图标库维护者。
前端开发
为 React、Astro、CSS sprites、文档和组件库准备 SVG 图标。
设计交付
把设计软件导出的 SVG 清理后再交给工程团队。
图标库质检
发布共享图标集前统一精度、移除冗余并对比 SVG 大小。
SVG 优化器常见问题
关于 SVG 清理、路径压缩、viewBox 保留和本地处理的常见问题。
SVG 优化器会上传文件吗？
不会。SVG 优化器会在浏览器中解析、清理、压缩、复制和下载 SVG。
SVG 优化器会保留 viewBox 吗？
会。工具会保留 viewBox，并在清理流程意外移除时恢复它。
SVG 优化器会移除什么？
可以移除 metadata、title、desc、comments、隐藏元素、无用编辑器属性、空属性、未引用 ID 和空 group。
SVG 优化器可能影响复杂 SVG 吗？
复杂 SVG 可能依赖外部 CSS、ID、脚本或 metadata。请检查优化结果，细节复杂的插画建议保留更高精度。
开始使用 SVG 优化器
粘贴 SVG 代码，清理导出冗余，保留 viewBox，对比文件大小，并复制或下载优化后的 SVG。
永久免费 - 浏览器本地 SVG 优化工具。