CSS Minifier
Minify CSS by removing whitespace and comments to shrink the stylesheet.
Lighter stylesheets, faster pages
Minifying a stylesheet strips everything the browser does not need — whitespace, line breaks, comments — leaving the smallest version that still works. A smaller CSS file downloads faster, and since stylesheets block rendering until they load, trimming them has a direct effect on how quickly a page appears. This minifies your CSS ready to serve.
Paste your CSS and it comes back minified.
Deploy minified, develop readable
The rule is the same as for any minified asset: keep your readable, commented source for development and serve the minified copy to visitors. In a real project a build step does this automatically as part of deployment. For a quick manual shrink, or to check how much a stylesheet can be trimmed, pasting it here works. If you need to read someone else's minified CSS instead, a formatter restores the indentation so you can make sense of it.
Frequently asked questions
Why minify CSS?
Smaller stylesheets download faster, and since CSS blocks rendering, trimming it makes pages appear sooner.
Should I edit the minified version?
No — keep your readable source for editing and serve only the minified copy.
Is my CSS uploaded?
No. The minifying happens in your browser.