这个工具能帮你做什么

CSS 深度压缩

不只是去空格那么简单。用 CSSO 引擎做结构级优化——合并重复的选择器、精简属性写法、去掉冗余声明。比手动清理或者只去空格的工具压缩率高出一截。

CSS 代码格式化

拿到一堆挤在一行的 CSS 看不清楚层级？贴进来点"格式化"，属性一行一个、缩进自动对齐，选择器结构一目了然。用的 js-beautify，排版效果稳得很。

本地运行不上传

压缩和格式化全在你的浏览器里完成，代码不经过任何服务器。公司项目、客户的样式文件，都可以放心处理，不存在泄露的可能。

免费随便用

不需要注册登录，打开就能用。没有次数限制，没有代码长度限制，也没有藏着什么高级版收费，全部功能白给。

三步搞定

1

粘贴代码

把你的 CSS 代码复制粘贴到上面的输入框里，不限长度。整个文件的内容贴进来都行。

2

选择操作

想缩小体积就点"压缩"，想把压缩过的代码展开成可读格式就点"格式化"，处理速度很快。

3

拿走结果

结果显示在下面的输出框。压缩模式下会告诉你省了多少体积。点"复制结果"就能直接粘贴到项目里。

CSSO 和普通压缩有什么区别

普通压缩工具

去掉注释和空格
折叠换行
基本到此为止

CSSO 深度优化

去掉注释和空格（基本操作）
合并相同选择器里的属性
合并相同属性的选择器
精简属性写法（margin 四个值合一个）
去掉被覆盖的冗余声明
缩短颜色值写法

打个比方：普通压缩是把房间里的垃圾扫走，CSSO 是把房间重新整理布局，腾出更多空间。

哪些场景用得上

网站上线部署

上线前把 CSS 文件压缩一遍，加载速度能快不少。没用构建工具的项目手动压一下就好。

调试别人的样式

拿到压缩过的 CSS 想看看怎么写的？用格式化功能展开，选择器层级和属性值看得清清楚楚。

邮件模板 / 小程序

邮件 HTML 模板里内嵌的 CSS 压缩后体积小不少，小程序的 wxss 也能拿来压一压，加载更快。

常见问题

压缩后样式会错乱吗？

不会。CSSO 是经过大量项目验证的 CSS 优化器，只做安全的优化操作。它合并属性或选择器的时候会严格检查不会改变优先级，样式渲染结果和压缩前一模一样。不放心的话压完了本地跑一遍看看效果就知道了。

我的代码会被保存吗？

不会。压缩和格式化全在你的浏览器里跑，代码不会发到任何服务器。你打开浏览器的开发者工具看网络请求，点压缩的时候不会发出任何请求。

CSSO 是什么？

CSSO 全称 CSS Optimizer，是一个专门做 CSS 结构优化的开源工具。和只去空格的工具不同，它能分析 CSS 结构做深度精简——比如把分散在不同地方的同名选择器合并、把展开的 margin 属性写成简写形式。很多大型项目的构建流程里都在用它。

大概能压缩多少？

看你原始 CSS 的冗余程度。写了很多注释、有重复选择器的文件压缩率能到 50%-70%。本来就比较精简的代码通常也有 20%-35% 的缩减。比起只去空格的工具，CSSO 能多压掉 5%-15% 左右。

Less / Sass 编译出来的 CSS 能压吗？

当然可以。只要是标准 CSS 语法就行。Less 和 Sass 编译后输出的就是普通 CSS，直接贴进来压缩没问题。媒体查询、CSS 变量、动画关键帧这些都能正确处理。

格式化功能是干嘛的？

把压缩成一行的 CSS 重新整理成缩进格式——每个属性单独一行，选择器和大括号对齐。比如你从生产环境扒了段 CSS 想看看人家怎么写的，格式化一下就清楚了。

有代码长度限制吗？

没有。因为是在浏览器里处理，理论上没有限制。特别大的文件（几 MB 的那种）可能处理会慢一点，看你设备性能。一般项目用的 CSS 文件都在几百 KB 以内，处理起来秒完成。

在线 CSS 压缩 / 格式化

输入 CSS

输出结果