CSS 压缩工具（Minifier）
在浏览器中安全地压缩 CSS：删除注释和空白，缩短颜色值和零值单位，保留字符串、url() 和 calc() 不变，并显示节省的字节数。
已删除 1 条注释，保留 1 条许可证注释，删除 1 条空规则 · 缩短了 4 个值。
字符串、url() 的内容、calc() 内的空格以及自定义属性（--name）的值都保持原样；选择器绝不会被改写。
压缩后的 CSS 加载更快：注释、缩进和换行对浏览器毫无意义，却可能占到样式表的三分之一。本压缩工具会对 CSS 做正确的词法分析，因此只删除安全的内容——字符串、url() 路径、.sm\:p-4 这样转义过的类名，以及 calc() 所需的空格都不会被改动——并报告压缩前后的大小。
使用方法
- 把样式表粘贴到输入框中。
- 如果 CSS 中含有框架的许可证声明，请保持勾选 保留 /*! 许可证注释。
- 想使用 #abc 颜色缩写、无单位的零，以及用 .5 代替 0.5，请保持开启缩短属性值。
- 复制压缩后的 CSS，并查看节省的字节数。
计算公式
节省 % = (原始字节数 − 压缩后字节数) ÷ 原始字节数 × 100
大小按 UTF-8 字节统计。{ } ; : , 两侧以及选择器中组合符 > + ~ 两侧的空格会被删除，但在有意义的地方会保留：div :first-child 中表示后代关系的空格、媒体查询中 and 与 ( 之间的空格，以及 calc() 内 + 和 − 两侧的空格。
示例
示例样式表包含一条许可证注释、一条普通注释、一条空的 .unused { } 规则和一个媒体查询。压缩工具会保留许可证、删除其余部分，把 #FFFFFF 写成 #fff，把 0px 0.75rem 写成 0 .75rem，把 calc( 100% - 2px ) 写成 calc(100% - 2px)，并保留 0s 不变，因为时间值需要单位。362 字节的示例变成 279 字节，约小 23%。
常见问题
用于生产环境安全吗？
它只删除空白和注释，并做几种不改变含义的值缩短。它不会合并规则或重新排列属性，而更激进的压缩工具有时正是在这些地方破坏了布局。
为什么 0% 不会缩短成 0？
有些地方需要单位：hsl(0, 0%, 0%)、flex 简写中的百分比、transition 中的 0s，以及 calc() 内的任何值。在 flex 简写中，连 0px 也要保留单位，因为那里的裸 0 表示 flex 系数。只有数学函数之外的其他长度才会变成不带单位的 0。
支持 SCSS 或 Less 吗？
支持包括嵌套、@media、@supports 和 @layer 在内的普通 CSS。SCSS 的 // 注释和 mixin 不属于 CSS，不受支持——请先编译，再压缩。
我的 CSS 会被上传吗？
不会，所有处理都在你的浏览器中完成。
资料来源
最后更新:
包含这些输入的页面地址： https://kakao.mobile/zh/tools/css-minifier/
引用此工具
kakaoCalc. (2026, November 8). CSS 压缩工具（Minifier）. https://kakao.mobile/zh/tools/css-minifier/
“CSS 压缩工具（Minifier）.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/css-minifier/.