CSS 压缩

CSS压缩CSS代码压缩样式文件压缩

本地运行,数据不上传服务器

压缩时保护字符串、URL、calc 表达式和注释符号内容。
CSS 输入96 字符
压缩结果0 字符 · 节省 100%

使用说明

上线前想把样式文件再瘦一点,去掉注释和多余空格;嵌入式设备或低带宽页面,希望 CSS 体积尽量小;从同事那里拿到格式化过的样式,需要压成一行再放进页面。手工删注释容易删错,用构建工具又要先装环境。 这个工具把 CSS 里的注释、多余空白、符号间距和规则末尾分号去掉,同时保护引号内的字符串内容,避免误删。处理前会先做引号、注释和花括号的基础检查,语法有问题会提示。 压缩后显示字符减少比例,可以复制结果或下载 .css 文件。适合前端优化、嵌入式页面、快速瘦身样式文件。

核心功能

  • ✓删除 CSS 注释和多余空白
  • ✓压缩选择器、属性、值之间的符号间距
  • ✓移除规则末尾多余分号
  • ✓保护引号字符串内容,避免误删
  • ✓基础语法检查:引号、注释、花括号配对
  • ✓显示压缩前后字符数和减少比例
  • ✓结果可复制或下载为 .css 文件

使用教程

上线前瘦身样式文件:把开发时的 CSS 贴进来,压缩后复制或下载,放到生产环境使用。 处理嵌入式页面 CSS:页面需要把样式内嵌,先压缩再嵌入,减小页面体积。 检查基础语法问题:压缩前会自动做引号和花括号检查,能提前发现拼写错误。 对比压缩比例:看压缩前后字符减少多少,判断是否值得进一步优化样式结构。 处理从格式化工具导出的 CSS:格式化后的文件通常空白很多,压缩后能明显减小体积。

常见问题

Q:CSS 压缩工具支持 SCSS 或 Less 吗?

A:不支持,只处理标准 CSS,SCSS、Less 变量和嵌套语法请先编译成 CSS。

Q:会删除所有注释吗?

A:会,所有 CSS 注释都会被删除,包括版权注释。如果需要保留,请在压缩后手动加回。

Q:压缩会不会破坏样式?

A:常见 CSS 语法能正确处理,引号内字符串会被保护。非标准语法或依赖特殊空白的写法可能出问题,建议压缩后做一次页面回归。

Q:会生成 source map 吗?

A:不会,如果需要 source map 请使用专业构建工具。

Q:压缩能减多少体积?

A:取决于原文件注释和空白的多少,格式化良好的文件通常能减少 20% 到 60%。

Q:需要上传 CSS 吗?

A:不需要,所有处理在浏览器本地完成。

Q:为什么压缩前后显示的比例和预期不同?

A:比例基于字符数而不是字节数,中文、Emoji 等多字节字符会影响实际字节减少幅度。