🔧

CSS 压缩器

通过删除空白和注释压缩 CSS 代码,减小文件体积。

How to Use

  1. 将 CSS 代码粘贴到输入框中,压缩器接受含有注释、多行规则和媒体查询的完整样式表——所有合法的 CSS 均可处理。
  2. 点击 Convert 按钮压缩 CSS。工具会去除所有多余空白(空格、制表符、换行符)、删除注释、移除块末尾多余的分号。
  3. 一键复制压缩后的 CSS 输出。结果为单行字符串,与原版功能完全一致,文件体积通常减少 20-60%。

Frequently Asked Questions

CSS 压缩会改变样式的效果吗?
不会——正确的压缩是无损的,只移除浏览器 CSS 解析器忽略的字符(空白符、注释)。所有选择器、属性、值和媒体查询均保持完整,输出的 CSS 在任何浏览器中表现与原版完全一致。
能减小多少文件体积?
对已经整洁的 CSS 通常可减少 15-30%,对含有大量注释和格式化的 CSS 可减少 30-60%。例如,一个有充足间距和注释的 100KB CSS 文件通常可压缩到 60-70KB。压缩器会显示前后体积,让你直观看到节省量。
应该在开发阶段还是只在生产环境压缩 CSS?
压缩是面向生产环境的构建步骤优化。开发阶段请保持 CSS 可读,带有注释和格式化以便调试。在部署到生产环境前,使用构建工具(Vite、webpack、PostCSS)或本压缩器处理。压缩后的输出非常适合 CDN 托管和 HTTP 缓存。