Back to Tools
CSS Minifier
CSS Minifier
Compress your CSS for lightning-fast load times
High Performance
Minified Output
Original Size
-
Minified Size
-
About the CSS Minifier
Shrink CSS by removing comments, whitespace and redundant characters so your pages load faster.
How to use the CSS Minifier
- Paste your CSS.
- Choose a Compression Level: Standard (Safe) or Extreme (Aggressive), and tick the optimisations you want, such as shortening colours and units.
- Press Minify & Compress, then Copy or Download.
Worked example
color: #ffffff; margin: 0px; becomes color:#fff;margin:0.
When to use the CSS Minifier
- Shrinking stylesheets to speed up page loads.
- Preparing CSS for production.
- Removing comments and whitespace from copied snippets.
Common mistakes to avoid
- Minifying without testing. Check that the site still looks right.
- Overwriting your readable source file.
Tips
- Always keep the original readable file and use the minified version only in production.
- Enable gzip or Brotli compression on your server for even smaller downloads.
Frequently Asked Questions
It should not. Use the Standard level if you want the safest output and test the result.
It should not. Only whitespace and comments are removed.