CSS 压缩

在同一个地方压缩和优化 CSS

这款 CSS 压缩工具通过删除浏览器不需要的每个字符来缩减样式表体积——包括注释、空白、换行符以及每条规则末尾多余的分号——使您发布的文件字节更少，但渲染效果完全相同。粘贴代码或拖入 .css 文件，压缩结果立即显示，并附上精确节省的字节数和百分比。

它同时也是一款 CSS 格式化工具：一个开关即可在压缩和反压缩之间切换，压缩样式表的同一工具也能将其还原为可读、有缩进的代码。

会删除什么——以及永远不会碰什么

当您 压缩 CSS 时，工具会删除注释、折叠所有空白、移除 { } : ; , > + 等符号周围的空格，并删除每个右大括号之前的最后一个分号。开启激进模式还会删除前导零（0.5em → .5em）和零长度值的单位（0px → 0）。

最关键的是，它是无损的。引号字符串、url() 值和 calc() 表达式在任何删除操作之前都会受到保护，因此像 calc(100% - 2rem) 这样的值会保留所需的空格，背景图片路径也绝不会被破坏。许多快速在线压缩工具会在 calc() 上出错——这款不会。

压缩或美化——真正的双向工具

需要阅读被压缩成一行的样式表？切换到美化模式来反压缩 CSS：工具重新缩进代码，将每个声明放在单独的行上，在每个冒号后添加空格，并整齐排列选择器列表。可选择 2 空格、4 空格或制表符缩进以匹配项目风格。

由于压缩和美化是可逆的，您可以粘贴生产环境中的压缩 CSS，阅读、调整后再重新压缩——所有操作无需离开页面。

与 cssminifier.com、CleanCSS 和 cssnano 的比较

cssminifier.com 是最常用的在线选项，但它会将您的代码上传到其服务器。对于专有样式表——客户项目、未发布的设计、内部工具——这是真实的风险。CleanCSS 和 cssnano 是 Node.js 库：非常适合自动化流水线，但没有本地安装就无法使用。freeformatter.com 的 CSS 压缩工具和 TopTal 的 CSS 压缩工具也都是服务端处理。

本工具完全在本地用 JavaScript 处理——任何数据都不会被上传。涵盖最常见的压缩优化（空白、注释、分号、零单位、前导零），并在同一步骤中显示 gzip 估算值。无需账号、无需上传、无需安装——支持 iPhone、Android、Mac、Windows 和 Linux。

查看节省的字节——包括 gzip

显眼的统计栏会报告原始大小、输出大小以及节省的字节数和百分比，让您始终清楚知道 CSS 缩减了多少。大小以真实的 UTF-8 字节为单位，而非字符数，与服务器实际传输的数据一致。

工具还会显示在浏览器本地计算的 gzip 压缩后大小。压缩和 gzip 可以叠加——先压缩源文件，再让服务器进行 gzip 压缩——同时看到两个数字，组合节省效果一目了然。

100% 私密——任何数据都不离开您的浏览器

每次压缩和美化都在浏览器中通过 JavaScript 本地运行。您的 CSS 永远不会被上传、记录或存储，这使其成为压缩专有、未发布或客户样式表的安全场所。无需注册，除设备内存外没有任何限制。离线也能使用——页面加载完成后，断开网络，压缩工具仍然正常运行。将这款在线 CSS 压缩工具添加到书签，随时需要压缩 CSS、缩减文件或阅读压缩过的样式表时使用。