设计工具导出的图标
输入
包含编辑器元数据、注释、嵌套分组、长小数和生成 ID 的 SVG
输出
保留 viewBox、视觉可比且更紧凑的 SVG
AppHelp
可视化对比并优化压缩 SVG
粘贴或打开 SVG，调整 SVGO 清理策略，对比优化前后的图像、代码、原始字节与 Gzip 体积，再复制或下载结果；素材不会上传。
SVG 优化工作台
调整结构清理策略，对比渲染与代码，并在替换线上素材前同时检查原始和 Gzip 体积。
1. 输入 SVG
2. 优化设置
工具始终保留 viewBox。只有在验证 CSS、动画和片段引用后，才启用 ID 压缩或结构性改写。
常见任务
- SVG 优化器
- SVG 压缩工具
- 在线 SVGO
- SVG 代码压缩
- SVG 清理
- SVG Gzip 体积
- 本地 SVG 优化
- 免费 SVG 压缩
快速答案
粘贴 SVG 代码或打开 .svg 文件，设置数字精度与清理项，然后对比原始和 SVGO 优化后的图像、代码、字节数与 Gzip 体积。AppHelp 始终保留 viewBox，对 ID 和外部内容给出风险提示，并在不上传素材的情况下复制或下载结果。
使用步骤
- 1. 粘贴或打开 SVG输入 SVG 代码，或选择小于 2 MB 的 .svg 文件。示例包含元数据、ID、渐变和小数坐标。
- 2. 选择优化风险等级先使用注释、元数据、冗余分组、属性排序、多轮优化和适度数字精度；确认嵌入方式后再压缩 ID 或移除固定尺寸。
- 3. 比较渲染、代码与传输体积在原始与优化后预览之间切换，检查生成代码，并同时比较原始字节和 Gzip 体积。
- 4. 真实环境测试后导出阅读风险提示，在实际 CSS、动画、Sprite 和无障碍环境中测试，再复制或下载优化文件。
示例
响应式内联 SVG
输入
同时包含 width、height 与 viewBox 的 SVG
输出
可选择移除固定尺寸并保留 viewBox 缩放
移除宽高前必须验证 CSS 尺寸。
常见场景
- 发布网页前减小图标和插画资源
- 清理 Figma、Illustrator、Sketch 等设计工具导出的 SVG
- 替换线上素材前比较原始和 Gzip 收益
- 在保留 viewBox 的前提下准备响应式内联 SVG
- 嵌入前排查活动内容、外部引用和内嵌位图
注意事项
- 优化压缩不等于安全净化；不可信 SVG 属于活动内容，内联或托管前应应用专门的服务端安全策略。
- ID 压缩可能破坏 CSS 选择器、动画、渐变、蒙版、滤镜、片段链接、脚本和外部文件引用。
- 过低的数字精度会使小图标、复杂路径、地图或工程图发生可见变形。
- 移除 width 和 height 会改变固有尺寸，必须保留 viewBox 并验证最终 CSS 布局。
- 内嵌位图、字体和外部资源可能主导文件体积。
- SVG 通常会经过 Gzip 或 Brotli，因此原始字节减少并不一定等于网络传输等比例减少。
功能特点
- 浏览器内运行 SVGO 4，支持多轮优化和数字精度
- 原始与优化后图像、代码双重对比
- 原始字节、节省比例和 Gzip 体积指标
- 注释、元数据、分组、属性、ID、尺寸和脚本控制
- 保留 viewBox，适合响应式嵌入
- 安全预览隔离活动和外部内容，同时保留结果代码供核查
- 无需账号、不上传，可复制并下载 SVG
常见问题
- SVG 优化器通常会删除什么？
- 根据设置，它可以移除注释、编辑器元数据、冗余分组、未使用定义、过多小数位、不必要属性和脚本，并更紧凑地重写路径与数值。
- 这个工具使用 SVGO 吗？
- 是。浏览器应用使用 SVGO 4，并提供高价值配置、视觉检查和传输体积对比。
- 为什么 Gzip 收益和原始字节收益不同？
- SVG 是文本，重复标签和属性非常容易压缩。较冗长的源代码经过 Gzip 后也可能很小，所以要同时看两类指标。
- 应该压缩 SVG 的 ID 吗？
- 只有检查所有内外依赖后才建议启用。ID 改名可能破坏 CSS、动画、渐变、蒙版、滤镜、片段链接、脚本和跨文件引用。
- 为什么始终保留 viewBox？
- viewBox 定义 SVG 坐标系并保证响应式缩放，移除它经常会引发尺寸问题。
- 优化后的 SVG 可以安全内联吗？
- 不能自动视为安全。压缩和安全净化解决的是不同问题；不可信 SVG 仍需明确的服务端安全策略。
- SVG 文件会上传吗？
- 不会。读取、优化、对比、复制和下载均在浏览器本地完成。