Shrink CSS by removing comments and extra spaces.
Last reviewed by the OnlineToolPro team
Minifying removes comments, line breaks and spaces the browser doesn't need, so your stylesheet downloads faster. The CSS behaves exactly the same.
How it works
3 simple steps. No experience needed.
Good to know
Comments, line breaks, indentation and spaces around symbols like { } : ; are removed, as is the last semicolon in each block. Values, selectors and the order of rules stay exactly the same.
Most build tools minify CSS automatically. This is handy for hand-written stylesheets, snippets pasted into a CMS, and quick checks of how much space minifying would save.
FAQ
It only removes characters the browser ignores, and keeps spaces where CSS needs them (such as inside calc).
Minifying removes formatting permanently, so keep your original file. Comments can't be recovered.
Other tools you might find useful next.
Generate and tidy up CSS with live previews. 4 free tools.