使用方法

1添加 SVG. 粘贴完整的 SVG 标记，把本地 .svg 文件拖到上传区，或者载入内置示例。

2选择稳妥的设置. 设置小数精度，保持多轮优化开启以争取更多压缩；如果其他代码会引用 ID，请保留 ID。

3优化并对比. 运行 SVGO，然后查看优化前后的字节数和两张视觉预览。

4复制或下载. 复制精简后的标记，或下载新的 .optimized.svg 文件，原始作品不会被改动。

适用人群

前端开发者在把图标、Logo 和插图加入网站或组件库前，先减小文件体积。

设计师清理 Figma、Illustrator、Sketch 或 Inkscape 导出文件中的元数据和编辑器专用标记。

性能团队在矢量资源进入 Web 构建包前，测量准确的 UTF-8 字节节省量。

组件作者为 React、Vue、Svelte 或普通 HTML 准备紧凑的内联 SVG 标记。

只有点击优化后，这个工具才会加载官方的 SVGO 浏览器引擎。它采用标准插件预设，并删除脚本和事件处理器，让 SVG 更适合普通网页使用。如果 CSS、JavaScript、渐变、蒙版或外部引用依赖某些 ID，也可以选择保留这些 ID。

常见问题

这个 SVG 优化工具免费吗？

免费。无需账号、付费或安装，就能优化 SVG。工具会显示准确的 UTF-8 字节变化，并可直接在浏览器中复制或下载结果。

SVG 会上传到服务器吗？

不会。文件读取、SVGO 处理、字节测量和预览生成都在浏览器本地完成。Logo、图标和未公开的设计不会被这个工具上传。

SVG 文件最大可以多大？

最多可处理 5 MB 的 SVG 源码。这个上限能让手机和常见笔记本电脑保持流畅。导出的插图如果特别大，可以先移除嵌入的位图，或把作品拆成较小的资源。

优化 SVG 会改变图片外观吗？

SVGO 的目标是在保持渲染效果的同时删除冗余数据，但过度舍入数值或清理 ID 可能影响复杂文件。请比较两张预览，并在实际嵌入环境中测试优化后的 SVG，再替换生产文件。

小数精度会影响什么？

小数精度决定 SVGO 为坐标、变换和相关数值保留多少位小数。数值越低通常越省空间，但细节很多或尺寸特别大的作品可能出现可见偏移。对于大多数 Web 图标和插图，默认的 3 位比较实用。

应该保留 SVG 的 ID 吗？

当 CSS、JavaScript、aria 属性、渐变、蒙版、滤镜或外部文档会引用 ID 时，请保留它们。对于没有外部依赖的装饰图片，可以关闭保留选项，让 SVGO 删除或缩短无用标识符。

优化器会删除 SVG 脚本吗？

会。优化流程会删除 script 元素、事件处理器属性和 JavaScript 链接。这能让导出文件更适合普通网页图片，但依赖脚本运行的 SVG 应用不适合使用这个工具。

多轮优化有什么作用？

只要每一轮还能缩小文件，SVGO 就会再次处理输出。有些转换会为下一轮暴露新的清理机会，因此可能再省一点空间，不过大部分压缩通常在第一轮就已完成。

免费 SVG 优化

SVG 优化有什么用？