开发者工具 / 16

CSS压缩工具

通过压缩结构和属性值来解析、优化并压缩CSS。

CSS压缩工具: TOEA使用CSS解析器移除不必要的语法,并安全地重新组织兼容的规则。此工具在本地处理CSS。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
CSS压缩工具本地处理

完全在浏览器中运行

重构会做什么

除了删除空白,压缩工具还会缩短值(将#ffffff变为#fff,将0px变为0)并合并规则。具有相同声明的两个选择器会合并为一条规则;在层叠规则允许时,声明也可能在规则之间移动。因此,输出内容不一定遵循源代码顺序,搜索某个选择器时可能会发现它与其他选择器归在一起。要阅读结果,请使用CSS格式化工具展开。

许可证注释会保留

普通注释会被删除,但以/*!开头的注释会保留。库通常使用这种约定保留必须随代码一起发布的版权和许可证声明,因此请使用这种形式添加声明,这样压缩后的文件仍符合要求。

压缩也会切断输出与源代码之间的对应关系。浏览器开发者工具只有通过源映射才能将压缩后的CSS映射回原始代码,而构建工具会生成源映射,本页面不会生成。因此,请保留可读文件,并以它作为编辑版本。

使用方法

  1. 粘贴CSS。
  2. 选择“压缩CSS”。
  3. 复制或下载优化后的样式表。

隐私与限制

CSS会保留在浏览器中。部署前,请根据视觉效果和浏览器支持要求测试结果。

相关工具

常见问题

它只是移除空格吗?

不是。解析器还可以优化属性值,并合并兼容的结构。

注释会保留吗?

普通注释会从压缩结果中移除。

免费工具·使用在浏览器中次·无需账户