Home / Developer tools / CSS Minifier
CSS Minifier
Minified CSS downloads faster and renders sooner. This tool strips comments and whitespace, shortens six-digit hex colours where possible and removes pointless units from zeros, then reports how many bytes you saved.
How to use it
- Paste your stylesheet.
- Press minify.
- Copy the result or download it as style.min.css.
Examples
- #333333 → #333, three bytes saved every time it appears.
- 0px → 0, since zero needs no unit.
- A hand-written stylesheet typically shrinks by 20 to 30 per cent.
Questions people ask
Should I keep the readable version?
Always. Minified CSS is a build output, not a source file. Edit the readable copy, minify on the way out, and keep both — trying to maintain a minified file is painful and mistakes are hard to see.
Does this rewrite my selectors or merge rules?
No, and that is deliberate. Only safe textual reductions are applied, so the output behaves identically. Aggressive optimisers that reorder or merge rules can change the cascade in ways that are hard to debug.
Related tools
Updated: 2026-08-07