可缩放矢量图形（SVG）是一种基于 XML 格式的矢量图像标准，用于渲染支持交互和动画的二维图形。

为什么要进行 SVG 优化？

诸如 Figma、Adobe Illustrator 或 Inkscape 等矢量设计软件在导出 SVG 时，为了能够记录二次编辑信息，会强行插入大量的冗余代码。例如编辑器的命名空间、图层辅助网格、草稿注释等。这些对于浏览器渲染毫无用处但却会极大增加文件体积，清除它们能将代码瘦身 30% 到 60%。

自适应缩放模式说明

如果 SVG 代码里写死了固定 width 和 height 属性，在小屏幕手机上可能会出现显示不全或超出容器范围的情况。通过移除固定高宽，并自动根据原始尺寸生成 viewBox 属性，能让矢量图拥有自适应缩放的弹性特性。