免费在线 CSS 压缩美化工具 — 即时压缩或格式化 CSS

粘贴 CSS 进行生产环境压缩或可读性美化。即时查看字节节省，对比文件大小并复制结果 — 完全在浏览器中运行。

原始: 386 B压缩后: 280 B27.5%

CSS 输入

输出

*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width:768px){.container{padding:0 0.5rem}body{font-size:14px}}

功能特点

去除注释、空白和尾部分号压缩 CSS
可配置缩进美化压缩 CSS（2、4 或 8 个空格）
实时大小对比，显示节省字节数和压缩百分比
处理 @media 查询、@keyframes 和嵌套规则
保留 CSS 字符串中的内容
100% 客户端处理，CSS 不离开浏览器

常见问题

压缩会破坏 CSS 吗？

不会。压缩只移除不影响渲染的字符 — 注释、多余空白和不必要的分号。

我的 CSS 会被发送到服务器吗？

不会。所有处理完全在浏览器中使用 JavaScript 进行。

可以处理 SCSS 或 LESS 吗？

本工具处理标准 CSS。请先编译 SCSS/LESS 为 CSS，再使用本工具。

提示与相关工作流

需要编码 CSS 内容字符串中的特殊字符？HTML Entity Encoder.
并排比较原始和压缩后的 CSS？Diff Checker.
处理 CSS 工具的 JSON 配置？JSON Formatter.