小数精度设置多少合适？

精度决定坐标保留几位小数。图标、Logo 这类尺寸在几十像素的图形用 1 位通常就看不出差别；普通插画用 2 位；非常精细、放大显示的图形用 3 位。我们用随机生成的复杂路径在浏览器里栅格化对比过：2 位精度时 400×400 画布上只有个别像素的抗锯齿差异。调整后请看下方的并排预览确认。

优化会改变 SVG 的显示效果吗？

默认选项都按“不改变渲染结果”设计：删除默认值属性前会检查祖先元素是否设置了同名属性，只删除没有被 url(#…)、href、CSS 选择器引用的 id 和 defs，包含脚本或事件属性的 SVG 不删除 id。删除 / 默认关闭，因为它们关系到无障碍访问。如果某个文件效果有变化，可以关闭对应选项再试。

Data URI 用 URL 编码还是 Base64？

在 CSS 里用作背景图时推荐 URL 编码版本：它把双引号换成单引号，只编码必要的字符，通常比 Base64 小约三成，而且 gzip 后压缩效果更好。Base64 版本兼容性最省心，适合放进 JSON 或不方便处理特殊字符的地方。

SVG 文件会上传到服务器吗？

不会。解析、优化、预览和打包都在你的浏览器里通过 DOMParser 完成，文件不会离开你的电脑，关闭页面后即被清除。

🪶

🪶SVG 压缩优化在线工具 - 精简路径与代码，批量压缩

设计软件导出的 SVG 往往带着大量用不到的内容：Illustrator、Inkscape、Sketch、Figma 的私有命名空间和元数据、注释、默认值属性、空分组、没被引用的渐变，以及小数点后五六位的坐标。这个工具在浏览器里完成类似 SVGO 的优化：删除编辑器数据、注释（保留 <!--! 开头的版权注释）、metadata、空属性和默认值属性（会检查父元素，避免改变继承效果）、未使用的 defs 与 id、空的 g / defs，合并没有意义的分组；把路径数据解析后按你选择的精度重新输出，逐条命令在相对坐标和绝对坐标里挑更短的写法，并把水平、垂直线段改写为 H / V；同时缩短颜色、压缩 style 和 <style>，可选删除 width / height 只保留 viewBox，或把 xlink:href 改为 href。每个文件都显示压缩前后大小，原图和优化后的图并排预览方便核对；支持一次拖入多个文件批量处理并打包成 ZIP，也可以把结果复制为 URL 编码或 Base64 的 Data URI（适合 CSS 背景）以及可直接使用的 React JSX 组件。

免费 · 无需注册 · 浏览器本地处理最后更新：2026-10-26

正在加载工具...

如何使用SVG 压缩优化

1拖入一个或多个 SVG 文件，或粘贴 SVG 代码
2按需调整优化选项和小数精度，对比原图与优化后的预览
3下载单个文件、打包下载 ZIP，或复制 SVG / Data URI / JSX

常见问题

小数精度设置多少合适？: 精度决定坐标保留几位小数。图标、Logo 这类尺寸在几十像素的图形用 1 位通常就看不出差别；普通插画用 2 位；非常精细、放大显示的图形用 3 位。我们用随机生成的复杂路径在浏览器里栅格化对比过：2 位精度时 400×400 画布上只有个别像素的抗锯齿差异。调整后请看下方的并排预览确认。
优化会改变 SVG 的显示效果吗？: 默认选项都按“不改变渲染结果”设计：删除默认值属性前会检查祖先元素是否设置了同名属性，只删除没有被 url(#…)、href、CSS 选择器引用的 id 和 defs，包含脚本或事件属性的 SVG 不删除 id。删除 <title>/<desc> 默认关闭，因为它们关系到无障碍访问。如果某个文件效果有变化，可以关闭对应选项再试。
Data URI 用 URL 编码还是 Base64？: 在 CSS 里用作背景图时推荐 URL 编码版本：它把双引号换成单引号，只编码必要的字符，通常比 Base64 小约三成，而且 gzip 后压缩效果更好。Base64 版本兼容性最省心，适合放进 JSON 或不方便处理特殊字符的地方。
SVG 文件会上传到服务器吗？: 不会。解析、优化、预览和打包都在你的浏览器里通过 DOMParser 完成，文件不会离开你的电脑，关闭页面后即被清除。