CSS 压缩工具 - 在线压缩样式表减小体积

在浏览器中压缩 CSS 样式表

这款 CSS 压缩工具会剥离浏览器渲染页面时不需要的每一个字节，从而缩小样式表。它会删除注释、合并空白、去除末尾的分号、缩短零值单位和十六进制颜色——把臃肿的开发版 CSS 变成精简、可直接上线的代码，下载和解析都更快。

私密设计：你的 CSS 完全在浏览器中压缩，绝不会上传或存储到服务器——即使是专有样式表也只留在你的设备上。

更小的样式表传输字节更少，可改善 First Contentful Paint 和 Core Web Vitals——因为 CSS 会阻塞渲染。

文件体积削减约 20–50%，从而降低托管与 CDN 传输成本，高流量站点尤为明显。

无需安装工具或搭建构建流程即可发布干净紧凑的 CSS——粘贴、压缩、复制。

在输入面板中键入或粘贴样式表，或点击上传载入 .css 文件。点击示例按钮即可查看效果。输入时也会自动压缩。

开启 移除注释 以清除所有 /* ... */ 块，或关闭它以保留许可声明和备注。

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

在统计栏查看原始大小、压缩后大小和节省百分比。然后复制结果或将其下载为 minified.css。

快捷键：在编辑器中按 Ctrl + Enter 即可立即压缩，或继续输入——短暂停顿后会自动压缩。

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

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

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

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

从磁盘载入 .css 文件、把结果复制到剪贴板，或将其下载为文件。

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

它会删除浏览器渲染页面时不需要的字符——换行、缩进、注释，以及花括号、分号和冒号周围的空格——外加 0px → 0 和 #ffffff → #fff 等安全简写。选择器、属性、值和层叠顺序都会被完整保留。

大多数样式表能缩小约 20–50%，具体取决于原文件中注释和空白的多少。注释密集或格式宽松的 CSS 节省最多。统计栏会显示你文件的确切百分比。

不会。压缩工具只删除多余字符并安全地缩短数值。它会保护 calc() 表达式，并保持媒体查询和选择器不变，因此渲染结果与源代码完全相同。

本工具只做压缩。由于压缩只是格式变化，代码美化工具可以重新缩进输出，但原始注释和命名已经丢失。请始终保留未压缩的源代码用于开发，只压缩你要部署的副本。

不是——它们可以叠加。压缩会重写 CSS 以移除冗余字符；gzip 或 Brotli 则在服务器层面压缩传输的字节。先压缩，再让服务器叠加 gzip，即可获得最小的下载体积。

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

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