CSS 压缩工具

减小 CSS 体积

页面渲染前必须下载并解析 CSS 的每一个字节，因此样式表越小，首次绘制（First Paint）就越快，核心网页指标（Core Web Vitals）表现就越好，消耗的移动数据也越少。这款 CSS 压缩工具会去除空格和注释，并进行结构优化——合并重复规则、缩短颜色值、移除冗余值——从而在不改变页面外观的前提下，尽可能减小样式表的体积。

功能特点

• 去除空格和注释。
• 缩短属性值：包括颜色、零值、单位和字重。
• 结构优化：合并重复的选择器，移除被覆盖的声明。
• 保留许可注释：可按需保留（/*! … */）。
• 体积对比：显示字节数和百分比的变化。
• 隐私安全：完全在您的浏览器中运行。

压缩前后对比

.card .title {
  font-weight: bold;
  color: #333333;
}
.card .title {
  font-size: 1.25em;
}

变为

.card .title{font-weight:700;color:#333;font-size:1.25em}

何时需要压缩

建议在生产环境的构建过程中压缩 CSS，并在版本控制系统中保留可读的源码。大多数前端框架和打包工具会自动执行此操作；而本工具非常适合用于快速修复代码、处理 CMS 主题、电子邮件模板、嵌入式小部件以及没有构建步骤的项目。

相关工具

使用 JavaScript 压缩工具压缩脚本，使用 Box Shadow 生成器和 CSS 渐变生成器可视化创建样式，或使用 JSON 格式化工具格式化 JSON。