Built and fact-checked by the DocNectar team — see our editorial standards
Key Features
Instant Calculation
Get accurate results in real time with our optimized algorithm.
Mobile Friendly
Fully responsive design. Works on all devices & screen sizes.
Privacy Focused
Your data stays on your device. We don't store any inputs.
100% Free
No hidden costs. This tool is completely free forever.
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.