Utils365

CSS 格式化与压缩

让 CSS 重新变得易读,或压缩体积让网站更快。

粘贴 CSS、打开 .css 文件,或将文件拖放到这里

下一步: HTML 格式化 · JavaScript 格式化与压缩

报告此工具的问题

如何使用 CSS 格式化与压缩

  1. 粘贴 CSS

    粘贴样式表,或打开、拖入 .css 文件。输入时即会自动格式化。

  2. 美化或压缩

    美化会让每条规则和属性各占一行。压缩会删除注释、空格以及浏览器不需要的其他内容。

  3. 复制或下载

    复制结果,或下载为 .css 文件。压缩时可以看到压缩前后的大小。

为什么选择 Utils365

  • 不只是删除空格

    压缩器还会把 #ff0000 这样的颜色缩写为 red,去掉 0 后面的单位,并删除空规则。

  • 规则顺序不变

    规则绝不会被合并或移动,层叠效果与之前完全一致,不会有样式被意外覆盖。

  • 保留许可证注释

    以 /*! 开头的注释会保留在压缩后的文件中,满足许多开源许可证的要求。

  • 隐私至上

    CSS 在您的浏览器中格式化,绝不会上传。

常见问题

CSS 压缩后能小多少?

通常小 15–30%,注释多的样式表会更多。摘要会显示压缩前后的确切大小和节省的百分比。

压缩会破坏样式吗?

设计上不会。数值只会改写成含义相同的形式,规则保持原有顺序,因此哪条规则生效不会改变。

如何还原压缩过的 CSS?

粘贴压缩过的 CSS 并选择美化。每条规则和属性都会按你选择的缩进各占一行。已删除的注释无法恢复。

支持 SCSS 或 Less 吗?

美化可以处理大多数 SCSS 和 Less,包括嵌套。压缩需要纯 CSS,请先编译 SCSS 或 Less。