压缩结果预览(渲染的是上面那段输出,不是原图)
只做语义安全的精简
这里删的是注释、多余空白、结尾多余分号和能安全去掉的 XML 声明,不做路径优化、不合并属性、不改颜色写法,也不会把图形栅格化。
所以压缩率通常只有两到四成 —— 那些一次到位压到十分之一的方案多半动了图形语义,收益和风险不成比例。
字符串里的东西不会被动
content 属性的值、url() 里的路径、text 节点里的文本都按原样保留:这些位置的空格与注释符号是内容本身,删了就是改内容。
数值截断到两位小数是唯一带风险的开关 —— 路径坐标动 0.01 通常看不出来,但刚好落在临界点时可能出现亚像素错位,用之前先目视核对一遍。
常见问题
为什么压缩率只有三成左右?
因为剩下的体积是图形数据本身:路径指令、坐标数值、属性名。真正的深度压缩要重写路径或转成图形字形,那会改变渲染结果,不属于安全精简。
数字精度截断会坏掉吗?
多数情况下不会,误差小于 0.01 个用户单位,渲染时会被抗锯齿吃掉。但若原文件本来就靠极小坐标差做对齐,截断后可能错位,所以默认是关的。
压缩结果怎么验证?
SVG 模式下工具会用压缩后的结果重新渲染一遍预览,解析失败会直接报错并保留上一份有效结果。正式使用前建议在目标环境里目视比对一次。
会联网吗?
不会。压缩全部在浏览器本地完成。唯一的例外是预览里的 SVG 若引用了外部图片,浏览器会去取那张图。