CSS压缩 / 美化工具

粘贴您的CSS代码,点击美化按钮以适当的缩进格式化代码,或点击压缩按钮来压缩代码。所有处理均在您的浏览器中完成。

关于CSS压缩 / 美化工具

此工具完全在您的浏览器中处理CSS。不会向任何服务器发送数据。

  • 美化:使用适当的缩进和换行格式化压缩的CSS,提高可读性。
  • 压缩:移除空白、注释和不必要的字符以减小文件大小。

压缩是传输环节的优化,不是该留在源码里的一步。给要发布的那份剥掉注释和空白,留一份可读的给你自己编辑。在已经开启压缩的服务器上,收益比多数人以为的要小,因为 gzip 对重复空白处理得很好,但它仍然有用,而且不花什么代价。

标记老是跟你作对?

被转义的实体、坏掉的编码,以及在 CMS 里是一个样、在页面上又是另一个样的内容,通常说明流程中有一环在靠猜。我们做前端,也做它背后的发布链路,让访客看到的就是你写下的。

聊聊你的网站

常见问题

压缩到底能省多少?
开了压缩之后,比你想的要少,因为 gzip 本来就能高效折叠重复的空白。省下来的是真的,只是通常不多;多数样式表里更大的收获,是删掉那些已经没人用的规则。
会把我的样式表弄坏吗?
只要输入合法就不会。注释和空白在 CSS 里不承载含义,只有一个例外:后代选择器里的那个空格是有意义的,去掉它的压缩工具会改变规则匹配的对象。本页面会保留它。
我能把格式找回来吗?
你可以让它重新变得可读,但拿不回原样:注释没了,作者选的换行也没了。美化产生的是一致的排版,不是你原来那份,所以该留住的是源码那一份。
该手工压缩吗?
只在一次性的场合。凡是你要经常部署的,都该在构建过程里压缩,让可读的那份始终是你编辑的那份。这个页面是给一次性场合,以及用来核对构建产出的。
我的 CSS 会被上传吗?
不会,它在你的浏览器里处理,什么都不会离开页面。这一点比听起来更要紧:样式表常常泄露内部类名、尚未发布的功能,以及一个站点上线前的结构。