压缩 SVG 文件

SVG（Scalable Vector Graphics，可缩放矢量图形）并不是由像素构成的——它是一个用 XML 编写的文本文件，用数学指令来描述形状、路径和颜色。这正是为什么 SVG 制作的 logo 无论缩放到网页图标那么小还是放大到广告牌那么大，都能保持完美锐利，也是它成为网络上 logo、图标和插画首选格式的原因。因为它本质是代码而不是像素网格，压缩 SVG 意味着清理这些代码，而不是丢弃视觉细节——所以省下的体积几乎不会带来任何质量损失。

Illustrator、Figma、Sketch 等设计工具导出的 SVG 在技术上是正确的，但往往塞满了各种杂物。这些冗余会迅速累积，尤其是当你把几十个图标内联到同一个页面里时：

• 浏览器根本不会用到的编辑器元数据、注释和命名空间
• 坐标上过度的小数精度（十位小数，其实两位就够了）
• 隐藏图层、空的分组，以及未使用的定义
• 本可以简化的冗余属性和内联样式
• 为方便人类阅读而留下的空白和缩进，浏览器其实并不需要

MiCompress 会像构建工具那样精简你的 SVG：清除编辑器留下的杂物和注释，把坐标精度四舍五入到合理位数，合并冗余属性，移除隐藏和空的元素，并挤掉不必要的空白字符。渲染出来的画面在肉眼看来逐字节一致，因为这些改动都不会触碰实际的形状——只是改变了它们被写下来的方式。最终得到的是一个更小、更干净的 SVG，渲染速度更快，也更容易直接内联进你的 HTML 或 CSS。

与 JPG、PNG 或 WebP 不同，SVG 压缩在最关键的意义上是真正无损的：因为你优化的是描述矢量图形的代码，图像依然可以无限缩放，在任何缩放级别下都像素级完美。这里没有质量滑块，也没有需要权衡的取舍。唯一会缩小的是文件中的字符数量，而这恰恰是每次页面加载都要下载的素材最需要的东西。

对于 logo、图标和简单插画，SVG 几乎总是胜过栅格格式：它通常体积更小、始终锐利，还能用 CSS 来设置样式或制作动画。只有当图像是照片，或包含无法简化为干净矢量路径的复杂绘画式细节时，才应该选择 PNG 或 WebP。如果你现在还在把图标导出成 PNG，改用精简过的 SVG 通常既能减小体积，又能消除高分辨率屏幕上出现的模糊问题。