在线工具

工具箱 › 开发 › 代码压缩

SVG 与 CSS 压缩

SVG 与 CSS 压缩工具,去掉注释、多余空格与冗余代码,实时对比压缩前后体积与节省比例,可直接复制压缩结果或下载文件,纯前端处理。

只做语义安全的精简

这里删的是注释、多余空白、结尾多余分号和能安全去掉的 XML 声明,不做路径优化、不合并属性、不改颜色写法,也不会把图形栅格化。

所以压缩率通常只有两到四成 —— 那些一次到位压到十分之一的方案多半动了图形语义,收益和风险不成比例。

字符串里的东西不会被动

content 属性的值、url() 里的路径、text 节点里的文本都按原样保留:这些位置的空格与注释符号是内容本身,删了就是改内容。

数值截断到两位小数是唯一带风险的开关 —— 路径坐标动 0.01 通常看不出来,但刚好落在临界点时可能出现亚像素错位,用之前先目视核对一遍。

常见问题

为什么压缩率只有三成左右?

因为剩下的体积是图形数据本身:路径指令、坐标数值、属性名。真正的深度压缩要重写路径或转成图形字形,那会改变渲染结果,不属于安全精简。

数字精度截断会坏掉吗?

多数情况下不会,误差小于 0.01 个用户单位,渲染时会被抗锯齿吃掉。但若原文件本来就靠极小坐标差做对齐,截断后可能错位,所以默认是关的。

压缩结果怎么验证?

SVG 模式下工具会用压缩后的结果重新渲染一遍预览,解析失败会直接报错并保留上一份有效结果。正式使用前建议在目标环境里目视比对一次。

会联网吗?

不会。压缩全部在浏览器本地完成。唯一的例外是预览里的 SVG 若引用了外部图片,浏览器会去取那张图。