SVG 优化器
优化 SVG 文件以减小文件大小
- 文件不会离开你的设备
- 在浏览器本地运行
- 免费、免注册、无水印
拖放 SVG 文件到这里，或点击选择
支持 SVG、SVGZ · 也可以用 Ctrl+V / ⌘V 粘贴
提示：在页面任意位置按 Ctrl+V / ⌘V 即可粘贴 SVG 代码。
如何使用SVG 优化器
在浏览器中用 SVGO 压缩 SVG 文件。可选默认、稳妥、极限三种预设或逐个开关插件，与原图做像素差异对比后再导出为 SVG、Data URI 或 React 组件。
- 1
把 SVG 或 SVGZ 文件拖到页面上，或粘贴 SVG 代码；点「示例」可载入示例。
- 2
在「优化」中选择「默认」「稳妥」或「极限」预设，并调整「数字精度」「多遍优化」和「格式化输出」。
- 3
可选：展开「插件」中的分组逐个开关 SVGO 插件，点「重置」恢复默认。
- 4
用「并排」「滑块」或「差异」对比效果，「差异」视图中有变化的像素以红色标出。
- 5
切换到 SVG、Data URI 或 React 标签，点击「下载 SVG」或「下载 .jsx」；多个文件可点「全部下载（ZIP）」。
常见问题
SVG 会上传吗？
不会。SVGO 在浏览器的后台线程中运行，文件不会离开你的设备。
优化会改变 SVG 的外观吗？
默认预设力求外观不变。「差异」视图会渲染两个版本并给出有变化像素的比例，或提示「视觉上完全一致」。「数字精度」设得过低可能让细节变形。
带动画或脚本的 SVG 该用哪个预设？
用「稳妥」。它不改动结构、ID 和形状，CSS 选择器和脚本仍能找到对应元素。
为什么「极限」去掉了 width 和 height？
「极限」会额外移除标题、宽高和脚本，适合通过 CSS 或 img 使用的图标，SVG 会随容器缩放。想保留尺寸，在「网页嵌入」分组中取消勾选 removeDimensions。
Data URI 用 Base64 还是 URL 编码？
大多数情况下保持「Base64」关闭：URL 编码的 URI 通常更短，gzip 效果也更好。只有工具要求 Base64 时才打开。
React 导出是怎样的？
React 标签会把优化后的 SVG 包装成以文件名命名的 JSX 组件，属性改写为 JSX 写法，props 会传给 svg 元素。点「下载 .jsx」即可保存。