Free tool. No sign-up.
CSS Minifier
Shrink your stylesheets for production: strips comments and whitespace, shortens colors and zero values, and reports exactly how many bytes you saved.
What the tool does
Minification removes everything a browser does not need: comments, line breaks, indentation, spaces around braces and colons, trailing semicolons, plus safe optimizations like #ff0000 to red or #f00, and 0px to 0. The result behaves identically but downloads faster.
Worked example
body { color: #ff0000; margin: 0px; } becomes body{color:red;margin:0}: 39 characters down to 24, about 38% smaller.
When to minify
Minify CSS you ship to production. Keep the readable original as your source of truth and regenerate the minified file whenever it changes.
Planning estimate only. Results use the list prices shown and may differ from your actual bill. Terms
Frequently asked questions
Does minifying change how CSS works?
No. It only removes characters the CSS parser ignores, plus provably safe shortenings. Selectors, specificity and cascade behavior are unchanged.
How much smaller does CSS get?
Typically 20 to 40 percent, depending on how much whitespace and commenting the original has. The tool reports your exact savings.
Should I minify during development?
No. Develop with readable CSS (and source maps if your build uses them), then minify as a build step or paste the result here before deploying.
Is my CSS sent to a server?
No. Minification runs locally in your browser, so proprietary stylesheets stay private.