Ad
Input CSS
Output
Common use cases
- Shrink CSS files before production deploy
- Inspect minified third-party CSS by beautifying it first
- Clean up CSS exported from design tools
Frequently asked questions
How much smaller will my CSS get?
Typical savings are 20–40%. The minifier removes whitespace, comments, redundant units (10px→10), shortens hex colors (#FF0000→#F00), and merges identical rules.
Will the minified output still work?
Yes. The cssnano default preset is conservative — it only applies safe transforms that preserve exact rendering across browsers.