代码压缩工具

CSS Minifier

使用 CSSO 解析并压缩样式表,显示压缩前后 UTF-8 大小。

Ctrl / ⌘ + Enter 可执行
只读结果

使用 CSSO 语法树压缩 CSS,理解字符串、calc 与自定义属性上下文。

这个工具是什么

CSS Minifier 先把 CSS 解析为语法树,再进行清理、压缩和结构优化。它不会对整个文件做危险的空白正则替换,因此能区分选择器、声明、字符串和函数上下文。

  • 许可证形式的 /*! 注释会保留。
  • 支持现代选择器、媒体查询、calc() 与自定义属性。
  • 解析错误会显示,不会输出旧的错误结果。

如何使用

  1. 粘贴 CSS。
  2. 点击“压缩 CSS”。
  3. 查看压缩结果与节省比例。
  4. 复制或下载 minified.css 并进行视觉回归测试。

常见用途

  • 优化生产环境样式表体积。
  • 移除无意义空白与普通注释。
  • 合并可安全优化的声明和值。

CSS Minifier 功能特点

使用 CSSO 语法树压缩 CSS,理解字符串、calc 与自定义属性上下文。 适合日常开发、调试、数据整理与代码优化场景,处理结果可直接查看、复制或下载。

FAQ

CSSO 会做哪些优化?

它会清理冗余、缩短可表示为更短形式的值,并在安全规则下重构部分声明。

自定义属性会被保留吗?

会由 CSS 语法解析器处理;复杂项目仍建议在目标浏览器中测试最终样式。

为什么保留 /*! 注释?

这类注释常用于许可证或版权声明,当前配置选择保留。

返回开发者工具分类首页