SVG 优化压缩工具

从 Illustrator、Inkscape、Figma 或 Sketch 导出的 SVG 文件里，带有大量浏览器根本用不到的内容：编辑器设置、元数据、注释、很长的小数、隐藏图层和空分组。本优化工具会移除这些内容，并把坐标取整到您选择的精度；例如，一个带有编辑器数据和六位小数坐标的 Inkscape 风格图形，可以在外观不变的情况下从 2.5 KB 缩小到 1.0 KB（59%）。您会得到清理后的文件、可粘贴到 HTML 中的代码、预览，以及优化前后的大小。这是一次谨慎的清理，并不是完整的 SVGO 流程，且全部在您的浏览器中运行。

使用方法

1. 选择一个或多个 SVG 文件，或粘贴 SVG 代码。
2. 设置坐标的小数位数（对大多数图标，2 位合适）。
3. 保持清理选项开启；如果脚本或样式表会用到 ID，请关闭“移除 ID”。
4. 把预览与原图对比。
5. 下载优化后的文件，或复制代码。

计算公式

节省 % = (1 − 优化后字节数 ÷ 原字节数) × 100

数字会按所选小数位数取整（transform 多保留两位）。在路径数据中，每条相对命令都会从已取整的当前点重新测量到真实终点，因此取整误差不会沿着长路径累积。默认值是可继承的属性，所以只有在任何父元素都没有设置相同属性时才会移除，并且不会在 <symbol> 或被 <use> 复制的内容内移除（它们从 <use> 元素继承）；如果文件中有 <style> 样式表，则保留默认值和普通分组。任何被引用的 ID（url(#…)、href、aria-labelledby、CSS、脚本）以及 <symbol> 元素的 ID 都会保留，所以图标雪碧图仍能正常工作。

示例

一个导出的图标，其路径为 M 10.00001 10 L 20.12345 20.98765 l 5.55555 5.55555 z，带有 fill="#FFFFFF" 和 Inkscape 图层包装，会变成 M10 10 20.12 20.99l5.56 5.55z 和 fill="#fff"，包装、元数据和编辑器属性都会消失。本例中完整的 686 字节文件变成 215 字节，缩小 68.7%，渲染效果不变。