SVG 优化器

精简 SVG 代码,移除无用属性、压缩体积,优化前后对比。

原始 SVG

优化后 SVG

优化选项

功能介绍

SVG 优化器可以精简 SVG 代码,移除无用属性和冗余数据,有效压缩文件体积。所有处理均在浏览器本地完成,无需上传服务器。

  • 移除注释:清除 SVG 中的 HTML 注释,减小文件体积。
  • 移除元数据:删除 <title>、<desc>、<metadata> 等描述性标签。
  • 移除编辑器数据:清除 Inkscape、Sodipodi、Sketch 等编辑器遗留的属性。
  • 颜色简写:将 #aabbcc 格式简写为 #abc,rgb() 转为 HEX。
  • 精简路径:压缩 SVG path 数据中的空白和冗余小数。
  • 缩短 ID:将长 ID 名称替换为短标识符,并更新所有引用。

使用方法

  • 粘贴代码:将 SVG 代码粘贴到左侧输入框,自动触发优化。
  • 上传文件:点击"上传"按钮选择本地 .svg 文件。
  • 调整选项:根据需要勾选或取消优化选项,实时查看效果。
  • 对比预览:下方可查看优化前后的渲染效果,确保视觉一致。
  • 复制/下载:点击"复制"获取优化后代码,或点击"下载"保存为文件。

提示:优化后请检查预览效果,部分激进选项(如合并组、缩短 ID)可能影响 SVG 中 CSS/JS 引用。