CSS 压缩工具
CSS 格式化工具 的预设方案
通过去除注释和不必要的空白,把样式表压缩成最小的有效输出。设计上是安全的——不合并任何规则,也不重写任何值,所以表现不会改变。
- 文件永不离开你的设备
- 免费，无需注册
- 无水印
- 加载后可离线使用
如何CSS 格式化工具
- 1
粘贴你的 CSS
普通 CSS、SCSS 或 Less 都能正确解析。
- 2
格式化或压缩
美化以提高可读性,或压缩用于生产环境。
- 3
复制或下载
结果可以直接粘贴回你的项目里。
为什么"安全"压缩对手写 CSS 来说是正确的取舍
一条运行专用 CSS 优化工具的构建流水线,可以安全地应用比这个工具更激进的转换,因为它在每次构建时都一致地运行同一个优化工具,任何行为上的差异都会在发布前被项目自己的测试捕捉到。把一份样式表粘贴进一个一次性的在线工具,情况完全不同:没有构建步骤会重新验证输出结果,所以一个合并规则或重新排列声明、恰好破坏了某个特定页面的转换,会被悄无声息地发布出去。把这个工具限制在只做空白和注释的去除——这类改动可以证明不会改变层叠中哪条声明胜出——意味着输出结果不需要重新测试来源页面就能被信任。
压缩一份即将粘贴到体积受限场合的样式表
专门用这个工具而不是构建工具的一个常见场景,是一次性需要把一小份样式表塞进体积受限的字段——一个刻意保持精简的内联 `<style>` 代码块、一段嵌入邮件模板的 CSS 片段,或者粘贴进有字符限制的平台的一个样式值。对于只需要一次的单个文件来说,运行一整套构建流水线是杀鸡用牛刀;把它粘贴到这里、把压缩后的结果复制出去,是达到同样效果更快的路径。
常见问题
压缩实际上能节省多少体积?
对手写的 CSS 来说,在 gzip 压缩之前通常能节省 20%–30%,而对已经经过构建工具处理的输出来说,能节省的就少得多。在网络传输层面,gzip 或 brotli 本来就承担了大部分的工作——压缩主要的作用是在此之前先去掉注释和多余的空白。
压缩会改变我的样式表现吗?
不会。只有空白和注释被去除,选择器、属性和值都不会被触碰。这个工具不会合并规则、重新排列声明或缩短颜色值,因为这些改动可能会以很难察觉的方式改变实际表现。
支持 SCSS 和 Less 吗?
支持,两者都用各自的语法解析,所以嵌套、变量和 mixin 在格式化后都能完整保留。注意这只是格式化——并不会把它们编译成 CSS。
为什么我的 CSS 被拒绝了?
通常是因为有未闭合的大括号或多余的字符。错误信息会包含行号,方便你定位。混入样式表里的模板语法同样会导致失败,因为那不是合法的 CSS。