在线免费CSS压缩器
压缩CSS样式表以减小文件大小。
Who uses the CSS压缩器?
- 在没有构建工具流水线的项目中手动优化 CSS 的 Web 开发者。
- 在实施 CDN 之前快速估算体积缩减空间的性能工程师。
- 在正式构建流程之前，对 style.css 做粗略处理的主题开发者。
How the CSS压缩器 works
把你的 CSS 代码粘贴到输入编辑器中。
点击 Minify 去除注释、空白以及不必要的分号。
在统计面板中查看压缩前后的字节大小和缩减百分比。
复制压缩后的 CSS 用于生产环境。
Tips & tricks
- 压缩后请务必检查所有 calc() 表达式——本工具去除 + 周围空格的做法可能在 calc() 内部产生无效 CSS。
- 本工具不会合并重复的选择器，也不会把属性缩短为简写形式——它只去除注释和空白。
- 对于生产流水线，真正的 CSS 压缩工具（cssnano、Lightning CSS）能正确处理 calc() 及其他边界情况——把本工具用于快速检查，而不是最终的生产输出。
- 统计面板中的缩减百分比可以大致反映出你原始 CSS 中有多少“空白/注释冗余”。
Frequently Asked Questions
CSS 压缩能节省多少体积？
CSS 压缩通常能节省 10%–30% 的文件体积。再加上 gzip 压缩，实际节省幅度可达 60%–80%。注释详尽、空白较多的大型样式表受益最明显。
这个工具的 CSS 压缩会去除哪些内容？
它会去除注释（/* ... */）、多余的空白和换行，以及紧跟在闭合花括号前的多余分号。它不会合并重复的选择器，也不会把长写属性转换为简写形式。
压缩会破坏我的 CSS 吗？
需要留意 calc() 表达式：本工具会统一去除 + 周围的空格，包括 calc() 内部，这可能把 calc(100% + 10px) 变成 calc(100%+10px)——这是无效的 CSS，因为 calc() 规范要求 + 和 - 两侧必须有空格。部署前请检查结果中所有 calc() 的用法。
应该压缩内联样式，还是只压缩外部样式表？
重点关注外部样式表——它们从缓存和体积缩减中受益最大。内联样式通常小到不值得为压缩付出额外复杂度。
应该用这个工具代替 webpack 或 Vite 这类构建工具吗？
构建工具更适合生产环境的工作流程——它们会自动集成压缩（且能安全地不破坏 calc()）、source map 和打包。对于快速的一次性压缩，或没有构建流水线的项目，可以使用本工具。
Is my data safe when using the CSS压缩器?
Completely safe. The CSS压缩器 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the CSS压缩器 output in commercial projects?
Yes. The CSS压缩器 is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the CSS压缩器 follow official standards?
Yes. The CSS压缩器 is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.