无需登录 数据私有 本地保存

SVG代码优化器 - 在线精简SVG文件体积

18
0
0
0

SVG 代码优化器

体积精简

在线压缩SVG文件，移除冗余代码，精简数字精度，大幅缩小文件体积，无损视觉质量。

拖拽 SVG 文件到此处

或点击下方输入框粘贴代码 · 支持 .svg / .txt

等待输入...
优化选项
数值越小体积越小，建议 2-3 位（0.01px 精度足够屏幕显示）
优化结果
--
原始大小
--
优化后大小
--
节省空间
等待优化...
实时预览 优化后
优化后此处将显示 SVG 预览
常见问题与知识点

不会。本工具默认采用无损优化策略：仅移除注释、元数据、多余空格等不影响渲染的内容。数字精度精简默认保留3位小数（0.001px），远超屏幕显示能力（1px），肉眼完全无法察觉差异。您可以根据需要调整精度等级，在体积与精度之间取得平衡。

常见原因包括：
  • 导出工具冗余代码：Illustrator、Figma 等设计工具导出的 SVG 常包含大量元数据、注释和未使用的命名空间。
  • 数字精度过高：路径数据中坐标可能精确到 6-8 位小数，远超实际需要。
  • 内嵌位图：部分 SVG 内嵌了 Base64 编码的位图，这是体积膨胀的主要原因。
  • 重复样式：大量内联样式重复声明。

  • Web 显示（推荐 2-3 位）：屏幕最小渲染单元为 1px，0.01px 精度绰绰有余。
  • 图标/UI（推荐 2 位）：小尺寸图标对精度要求更低，2位小数可显著减小体积。
  • 打印/高精度（推荐 3-4 位）：需要保留更多细节时使用。
  • 保留原始精度（6 位）：几乎不做精度优化，仅进行其他清理工作。

是的。本工具遵循 SVG 规范，优化后的代码完全兼容所有现代浏览器（Chrome、Firefox、Safari、Edge）。右侧提供实时预览功能，您可以在下载前确认优化效果。建议优化后始终预览检查，特别是启用了"移除隐藏元素"或"合并路径"等高级选项时。

SVGO 是 Node.js 命令行工具，功能强大但需要技术背景；SVGOMG 是 SVGO 的 Web 界面。本工具纯浏览器端运行，无需安装、无需上传到服务器，所有处理在本地完成，保护您的隐私。同时提供直观的体积对比、实时预览和灵活的选项配置，适合快速优化单个 SVG 文件。

"合并连续路径"是实验性功能，它会尝试合并具有相同样式属性（fill、stroke、stroke-width 等）的相邻 <path> 元素。在大多数情况下是安全的，但某些复杂 SVG 中可能导致渲染差异。建议启用此选项后仔细预览确认效果。如果不确定，保持关闭即可。
🔧 相关工具