CSS 压缩
先经严格解析器校验再压缩 CSS,语法错误指出行列而非产出坏结果;/*! 许可注释保留,其余注释移除,本地 Worker 执行,节省字节一目了然。
打开工具 — CSS 压缩CSS 压缩 vs CSS 格式化
直接结论: CSS Minifier 为交付缩小样式表:严格解析、按行列报告错误、移除注释与空白,并保留 /*! 许可注释——附字节统计。CSS Formatter 为阅读服务:把解析后的规则按两格或四格缩进重新排版。生产载荷,对工作副本。
| CSS 压缩 | CSS 格式化 | |
|---|---|---|
| 用途 | 先经严格解析器校验再压缩 CSS,语法错误指出行列而非产出坏结果;/*! 许可注释保留,其余注释移除,本地 Worker 执行,节省字节一目了然。 | 用真正的解析器把 CSS 重排为 2 或 4 空格缩进的一致规则,未闭合括号等语法错误会中止并指出行列;本地执行,附输入输出字节统计。 |
| 输入 | 不超过 256 KiB 的 CSS,在本地 Worker 中严格解析 | 不超过 256 KiB 的 CSS,在本地 Worker 中严格解析 |
| 输出 | 压缩后的 CSS,附字节统计,保留 /*! 许可注释 | 同一批规则按 2 或 4 格缩进重排的易读格式 |
| 典型场景 | 为生产交付缩小样式表 | 阅读或整理被压缩、缩进混乱的 CSS |
关键差异
压缩器为交付缩小 CSS;格式化器对同一种语言重新缩进,供人阅读和编辑。
两者都在本地 Worker 中严格解析不超过 256 KiB 的 CSS;都不会执行样式表。
压缩器输出行统计节省字节数的单行结果并保留 /*! 注释;格式化器输出同一批规则的一致缩进。
生产资源选压缩器;需要审阅的源码选格式化器。
先经严格解析器校验再压缩 CSS,语法错误指出行列而非产出坏结果;/*! 许可注释保留,其余注释移除,本地 Worker 执行,节省字节一目了然。
打开工具 — CSS 压缩用真正的解析器把 CSS 重排为 2 或 4 空格缩进的一致规则,未闭合括号等语法错误会中止并指出行列;本地执行,附输入输出字节统计。
打开工具 — CSS 格式化相关对比