CSS 压缩
把样式表放进编辑器,即可得到去掉块注释、并把连续空白压成单个空格的压缩结果。适合快速看体积,或不必跑完整构建就需要一小段紧凑 CSS 时使用。
更新 2026-08-03 · developer
body { color: red; }
关于本工具
压缩通过删除注释和不必要空白来减小传输体积。本工具是轻量浏览器处理,不是完整 CSS 解析器,不会改写选择器或缩短颜色写法。请另存格式化源文件,把输出当作交付或对比用的压缩副本。
使用方法
- 打开 CSS 压缩: 在浏览器中打开本页。
- 粘贴 CSS: 把样式表或片段放进 Code 输入框。
- 复制结果: 从结果区取出压缩后的输出。
- 在实际环境验证: 粘贴到页面或构建流程中,确认样式仍然生效。
常见用途
- 粘贴进 CMS 字段前,先压缩一小段 CSS。
- 粗略对比样式表里空白占用了多少体积。
- 为演示准备一段内联关键 CSS。
- 分享 gist 前清掉草稿里的注释样式。
使用提示
- 字符串或 url 里极少会出现 /* */,但若有,简易去注释可能误伤——关键样式请复查输出。
- 保留原始格式化文件;压缩后的 CSS 很难再改。
常见问题
会重命名 class 或合并规则吗?
不会。只去除注释并折叠空白。
@media 和嵌套规则还在吗?
文本结构保留;只改动注释和多余空格。
CSS 会上传吗?
处理在浏览器本地完成。
为什么输出可能不对?
字符串内注释等边界情况可能让简易剥离出错——重要样式请再检查一遍。