SVG 压缩
在线压缩 SVG 矢量图片。工具会优化矢量数据;需要进一步缩小时可降低坐标精度,并放大检查曲线、图标边缘和细线。
- 拖放或选择 SVG 图片,一次最多 20 个文件。
- 降低精度后请放大检查曲线、文字和细小图形。
将文件拖放到这里
如何压缩 SVG 图片
- 选择 SVG 文件并点击“压缩”,先查看自动优化后的体积。
- 如需继续减小文件,打开对比视图并调整“精度”。
- 从较高精度开始逐步降低,放大检查圆角、曲线、细线和文字。
- 确认显示效果后保存文件;若用于网页,还应在目标浏览器中做一次真实渲染检查。
SVG 精度是什么
SVG 由路径、坐标和属性构成,许多坐标会带有较长的小数。降低精度会减少这些小数位,从而让文件更小;精度越低,复杂曲线与细节越可能发生可见变化。
简单图标通常比复杂插画更能承受精度降低。不要只在缩小后的预览里判断,应放大查看尖角、圆弧、细描边和彼此贴近的元素。
SVG 压缩时的注意事项
压缩不会让一个包含大量路径、滤镜或嵌入位图的 SVG 变成极小文件。若源文件本身含有复杂滤镜、隐藏图层或 Base64 位图,应先回到设计工具清理无用对象。
还应保留必要的无障碍信息,例如有语义价值的 title、描述和文本内容;不要为了几字节而删掉影响理解或可访问性的内容。
常见问题
SVG 压缩会变模糊吗?
普通优化不会把 SVG 栅格化。过度降低坐标精度可能让曲线或细线出现形状变化,因此需要放大检查。
SVG 能压缩多少?
取决于路径复杂度、重复属性、精度和是否含嵌入位图。简单图标通常比复杂插画更容易缩小。
SVG 中的图片也能明显压缩吗?
如果 SVG 内嵌了位图,文件体积主要可能来自这张位图。需要单独优化原始位图,或在设计源文件中替换它。