CSS压缩工具把写好的样式表里多余的空格、换行、注释、末尾分号统统删掉，让文件体积变小，浏览器下载更快。比如你手写了一个 12KB 的 main.css，里面注释占了 1.8KB、缩进和换行占了 2.3KB，压缩后通常能降到 7KB 左右，gzip 之后差距更小但仍有收益。什么时候用？上线前把开发环境的样式表过一遍；或者从别人那复制了一段带大量注释的 CSS，想快速清干净再贴进项目。工具还带格式化和语法检查，压缩前能先看看括号有没有配对、属性值有没有写错。整个过程在浏览器本地跑，CSS 内容不会发到服务器。
| 对比维度 | 本工具 | 手工/替代做法 |
|---|---|---|
| 处理 12KB CSS 耗时 | 约 0.1~0.3 秒，点一下出结果 | 手工删注释和缩进约 5~10 分钟，还容易漏 |
| 体积缩减 | 典型省 25%~45%，并显示精确字节数 | 靠肉眼估，常以为省了很多实际只省 10% |
| 语法检查 | 压缩前提示未闭合括号、缺失分号的行号 | 只能靠浏览器控制台报错后回头找 |
| 格式化还原 | 一键把压缩 CSS 展开成 2 空格缩进 | 手工换行缩进，200 行要 15 分钟以上 |
| 隐私 | 本地处理，CSS 不出浏览器 | 在线其他服务可能上传到服务器留存 |
正常情况不会。压缩只删注释、多余空格换行和最后一个分号，不改选择器、属性名和值。但要注意两个边界：一是 /*! */ 这种保留注释默认也会被删，需要手动保留；二是 content:"a b" 里的空格属于字符串内容，工具不会动。如果压缩后样式变了，先检查是不是原本就有语法错误。
没有固定比例，取决于原文件注释和缩进占比。经验值：手写带缩进的 CSS 通常能省 25%~45%，机器生成的压缩 CSS 再压只能省 1%~3%。粗略估算：压缩后 ≈ 原始大小 − 注释字节 − 空白字节。比如 20KB 文件里注释 3KB、空白 5KB，压缩后约 12KB，省 40%。
支持。--main-color:#333、var(--main-color)、calc(100% - 20px)、@media (max-width:768px) 这些都能正常处理。注意 calc 里的空格不能全删，工具会保留运算符两侧的必要空格，写成 calc(100%-20px) 在部分浏览器会失效，所以别手动去删。
要。CSS 压缩和 gzip 是两件事，压缩去掉的是源码冗余，gzip 压的是传输字节。一个 7KB 的压缩 CSS，gzip 后通常还有 2KB 左右。服务器开 gzip 一般能再省 60%~75%。两者叠加才是最终传输体积，别只做其中一个。
建议单文件不超过 2MB。超过后浏览器主线程处理会明显变慢，5MB 的 CSS 可能卡 3~5 秒甚至无响应。如果项目 CSS 很大，先按模块拆成多个文件分别压缩，或者用构建工具在本地处理，不要硬塞进网页工具。
不会。所有解析、压缩、格式化都在浏览器里用 JavaScript 完成，没有网络请求把内容发出去。你可以打开开发者工具的 Network 面板，点压缩时不会看到上传 CSS 的请求。断网状态下这个工具照样能用，这也是判断是否本地处理的一个办法。
适用范围：标准 CSS 及常见预处理器产出的 CSS，不处理 .scss/.less 源码。压缩只做词法层面的去空白和注释，不做选择器合并、属性简写等语义优化，所以不会改变优先级。精度上按 UTF-8 字节计算体积，中文注释按 3 字节计。隐私方面，全部计算在浏览器本地完成，不上传、不留存，关掉页面即清空。