🎨
CSS 压缩/美化
CSS 一键压缩去空白注释，或反向格式化美化。减小样式体积。
本地处理 · 不上传
加载工具中…
相关：CSS压缩 · CSS minify · CSS美化 · 去注释 · 精简CSS
CSS 压缩与美化去掉空白注释压成一行以减小体积，或反向展开成规范缩进便于阅读。处理在浏览器本地完成，代码不上传。
使用步骤
- 粘贴 CSS 代码
- 选择压缩或美化
- 查看体积变化
- 复制结果
使用场景
- 上线前压缩样式文件
- 阅读压缩过的第三方样式表
- 整理手写得杂乱的样式代码
- 对比压缩前后的体积差异
小贴士
- 压缩只删空白与注释，不改变选择器与声明的顺序，因此不会影响层叠结果。
- 更大的体积收益来自去掉未使用的规则，这需要专门的工具扫描页面实际用到的选择器。
- 服务器开启 gzip 或 brotli 后，压缩带来的额外收益会缩小，因为重复的空白本来就极易被压缩算法处理掉。
常见问题
压缩会改变样式效果吗？
规范的压缩不会。它只删除空白、注释和最后一个分号，不调整规则顺序，因此层叠与优先级完全不变。
压缩和 gzip 哪个更重要？
服务器压缩更重要且收益更大。CSS 压缩去掉的空白正是 gzip 最擅长压缩的内容，所以两者叠加的边际效果有限，但都做仍是最优。
怎么删掉没用的样式？
需要用 PurgeCSS 之类的工具扫描 HTML 与模板，找出实际引用到的选择器。注意动态拼接的类名要加入白名单，否则会被误删。
CSS 压缩/美化是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用CSS 压缩/美化，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。