CSS压缩工具

移除CSS中的注释、空白和不必要的字符，以减小文件体积。

如何使用本工具

1
Paste your CSS — a single rule, a component stylesheet, or an entire file.
2
The minified result and the byte savings appear instantly below the input.
3
Copy the minified output, or compare the before/after byte count to see the reduction.

压缩后的CSS加载更快：在关键渲染路径上，每一个字节都很重要。压缩会移除注释、折叠空白并简化语法（例如，'color: #ffffff'变为'color:#fff'）。对于生产环境网站，请使用cssnano这类构建时压缩工具；本工具适用于临时的CSS片段。

Shrink a critical-CSS snippet you're inlining into the <head> to remove a render-blocking request.
Compress CSS for an HTML email or newsletter, where every kilobyte counts and there's no build pipeline.
Paste CSS into a CMS or page-builder field that doesn't minify automatically (WordPress 'Additional CSS', Shopify theme settings).
Check how much weight a third-party stylesheet adds before deciding whether to self-host it.
Clean up CSS copied from DevTools, which arrives with computed-style comments and inconsistent spacing.
Produce a one-line version of a rule to paste into a chat, ticket, or code-review comment.

压缩会破坏我的CSS吗？▼

不会：压缩保留语义。如果你的CSS出错了，那是因为源代码本就有语法错误，只是浏览器能容忍而压缩工具不能。

我能期待多大的体积缩减？▼

对于典型的手写CSS，约为20%到40%。对于框架中已压缩的CSS，缩减幅度会更小。