代码压缩工具

CSS Minifier

压缩 CSS,支持选择器、字符串、calc() 与自定义属性,并查看压缩前后大小和节省比例。

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

压缩 CSS,支持选择器、字符串、calc() 与自定义属性,并查看压缩前后大小和节省比例。

这个工具是什么

CSS Minifier 删除不必要的空白和普通注释,并缩短可优化的样式声明。字符串、选择器和函数会按 CSS 语法处理;压缩后请在目标页面检查显示效果。

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

如何使用

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

常见用途

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

CSS Minifier 功能特点

压缩 CSS,支持选择器、字符串、calc() 与自定义属性,并查看压缩前后大小和节省比例。 请核对处理结果,再复制使用。

FAQ

压缩会进行哪些优化?

它会去掉多余内容,并把部分写法改得更简短。使用压缩结果前,请确认样式和显示效果符合预期。

自定义属性会被保留吗?

常见的 CSS 自定义属性会保留。使用复杂样式时,请在目标浏览器中检查压缩后的显示效果。

为什么保留 /*! 注释?

这些注释通常包含许可证或版权信息,因此会保留在压缩结果中。

返回开发者工具分类首页