CSS 压缩工具

CSS 压缩工具是一款免费的在线工具，用于压缩样式表以减小文件体积。它会删除注释、合并空白、去除多余的分号、优化零值并缩短十六进制颜色，把臃肿的开发版 CSS 变成精简、可直接上线的代码，下载和解析都更快。

完全在浏览器中运行。 你的 CSS 绝不会上传或存储到服务器，压缩在本地完成，因此即使是专有样式表也能保持私密。

更小的样式表传输字节更少，可改善 First Contentful Paint 与 Core Web Vitals 评分。

削减 30%–60% 的文件体积，从而降低托管与 CDN 成本，对高流量站点尤为明显。

无需搭建构建流程或安装任何工具，即可发布干净紧凑的 CSS。

如何压缩 CSS

1

在左侧输入面板中键入或粘贴样式表，或点击上传直接载入 .css 文件。点击示例即可了解工作方式。

2

开启 删除注释 以清除所有 /* ... */ 块，若需保留许可声明和备注则将其关闭。

3

点击压缩或按 Ctrl + Enter。压缩后的 CSS 会立即显示在输出面板中。

4

在统计栏查看原始大小、压缩后大小和节省比例。然后复制结果或将其下载为文件。

快捷键：在编辑器中按 Ctrl + Enter 即可压缩，无需使用鼠标。

压缩工具采用安全、公认的转换方式来缩小 CSS，而不改变其渲染效果。

规范要求 calc() 内运算符两侧必须有空格。压缩工具会保护这些空格，确保你的计算继续生效。

一键保留或删除 /* */ 注释，便于保留许可横幅。

每次运行后查看原始大小、压缩后大小及节省百分比。

从磁盘载入 .css 文件或直接粘贴代码，随你的工作流而定。

需要了解：压缩只改变格式，不会改动选择器或规则。它不会合并重复规则，也不会重写简写属性，因此层叠行为完全一致。

不会。所有压缩都通过 JavaScript 在你的浏览器本地完成。你的 CSS 绝不会被上传、记录或存储在任何地方。

不会。压缩工具只删除多余字符——空白、注释、冗余分号——并安全地缩短数值。它会保护 calc() 表达式，并保持媒体查询和选择器不变，因此渲染结果完全相同。

样式表通常缩小 30%–60%，具体取决于原文件中注释和空白的多少。注释密集或格式宽松的 CSS 节省最多。

需要。压缩后的 CSS 难以阅读和编辑，所以请务必保留带格式的原始源代码用于开发，只压缩部署到生产环境的副本。

如果开启了 删除注释，所有 /* */ 注释都会被清除，包括许可声明。当你需要保留署名或法律声明时，请关闭该选项。