在线CSS压缩工具

在线压缩 CSS、去掉注释和多余空白、显示压缩前后体积、可下载 .min.css

只做安全的改写:删注释、合并空白、去掉规则块末尾多余的分号,颜色和小数写成短形式。选择器、取值、转义序列和 url() 一律原样搬运——不改变量名、不重排结构,压缩后的行为和原始一致。

关于CSS压缩

把 CSS 里的注释、缩进、多余空白去掉,顺手把 #ffffff 写成 #fff、0.5 写成 .5。页面下方直接告诉你原始多少字节、压完多少、省了几个百分点。

这件事的价值在于传输,不在于可读性。 一个带注释和缩进的样式表,通常三成左右是空白和注释;去掉之后文件更小,浏览器解析也少一点开销。

和 gzip 是两件事,要一起做。 压缩(minify)删的是文件里的冗余字符,gzip/brotli 是传输时的再压缩,两者叠加,不是二选一。CSS 文本重复度高,gzip 往往还能再压掉六七成,所以压缩后的文件上线时仍然要开 gzip——这两步都做才划算。

只做安全的改写,这是这个工具的边界。 删注释、合并空白、去掉规则块末尾多余的分号、颜色和整数前导零写成短形式。不改变量名、不合并重复规则、不重排选择器、不动 0px——最后这条是故意的:calc(100% - 0px) 里的 0 如果去掉单位就变成「百分比减数字」,整条声明会失效。有些在线压缩器会做这个替换,然后在 calc 上翻车。

三处内容一个字都不动:引号里的字符串(content: "a; b }")、url(...)(只把括号内侧的多余空白剪掉)、反斜杠转义(\9、\31 这类,连结束转义的那个空格都保留)。

SCSS / LESS 的嵌套写法也能跑,它只是当成文本处理,不会编译。真要编译请用专门的构建工具。

全部在浏览器里完成,样式表不上传。

常见问题

压缩后文件没小多少?

可能本来就已经压缩过,或者体积主要在 base64 图片和字体上。文本部分能省的只有空白和注释。

压缩会影响样式效果吗?

不会。只做删除空白、注释、多余分号这类改写,选择器和取值不动,0px 也不会被改成 0。

压缩完还需要开 gzip 吗?

需要。minify 删的是文件里的字符,gzip 是传输时的压缩,两件事叠加才最省流量。

为什么不把 0px 改成 0?

calc(100% - 0px) 里去掉单位会让声明失效。为了不制造这种坑,这个替换不做。

`*zoom` 和 `_height` 这类老写法会保留吗?

会。它们只是普通字符,压缩器不认识也不改写。

会上传我的样式表吗?

不会,压缩全在浏览器里完成。

同类工具

编码解码 查看全部 ›