Last updated October 5, 2026 · Report an error
Every comment, line break, and extra space in a CSS file adds to its download size with zero benefit to how the page looks — minifying removes all of it.
This tool strips comments and unnecessary whitespace from CSS, producing a smaller equivalent stylesheet.
How it works
Paste your CSS. The tool removes comments, collapses all whitespace to single spaces, then removes the spaces around braces, colons, semicolons, and commas, along with any unnecessary trailing semicolon before a closing brace.
- Enter cSS input.
- Click Calculate to see your results.
Examples
Minifying a formatted rule
A nicely formatted .box { color: red; margin: 0; } minifies down to .box{color:red;margin:0}, saving several bytes.
Who should use it
- Reducing CSS file size before deployment.
- Cleaning up whitespace in generated or templated stylesheets.
Industry applications
- Web development and performance optimization
- DevOps and build pipelines
Advantages
- Reduces stylesheet size with no visual difference.
- Handles custom properties and typical modern CSS syntax.
Limitations
- Doesn't reorder or merge duplicate/redundant rules — it only removes whitespace and comments.
Common mistakes to avoid
- Minifying CSS that's still under active development, making it much harder to read and debug.
- Losing track of the original formatted version — always keep an unminified copy in version control.
Best practices
- Keep your original, readable CSS in version control, and minify only as a build or deployment step.
Tips
- Combine CSS minification with gzip or Brotli compression on your web server for the biggest total size reduction — the two techniques stack.
Frequently asked questions
Yes, with no signup and no limit on how many files you minify.
No — CSS minification only removes whitespace and comments, which have no effect on how styles are applied.
No — keep a readable, unminified version during development, and minify only right before deploying to production.
Yes — custom properties like --main-color are just treated as regular declarations and pass through the minification process normally.