CSS 格式化与压缩
让 CSS 重新变得易读,或压缩体积让网站更快。
如何使用 CSS 格式化与压缩
粘贴 CSS
粘贴样式表,或打开、拖入 .css 文件。输入时即会自动格式化。
美化或压缩
美化会让每条规则和属性各占一行。压缩会删除注释、空格以及浏览器不需要的其他内容。
复制或下载
复制结果,或下载为 .css 文件。压缩时可以看到压缩前后的大小。
为什么选择 Utils365
不只是删除空格
压缩器还会把 #ff0000 这样的颜色缩写为 red,去掉 0 后面的单位,并删除空规则。
规则顺序不变
规则绝不会被合并或移动,层叠效果与之前完全一致,不会有样式被意外覆盖。
保留许可证注释
以 /*! 开头的注释会保留在压缩后的文件中,满足许多开源许可证的要求。
隐私至上
CSS 在您的浏览器中格式化,绝不会上传。
常见问题
CSS 压缩后能小多少?
通常小 15–30%,注释多的样式表会更多。摘要会显示压缩前后的确切大小和节省的百分比。
压缩会破坏样式吗?
设计上不会。数值只会改写成含义相同的形式,规则保持原有顺序,因此哪条规则生效不会改变。
如何还原压缩过的 CSS?
粘贴压缩过的 CSS 并选择美化。每条规则和属性都会按你选择的缩进各占一行。已删除的注释无法恢复。
支持 SCSS 或 Less 吗?
美化可以处理大多数 SCSS 和 Less,包括嵌套。压缩需要纯 CSS,请先编译 SCSS 或 Less。