About the CSS Minifier
Every byte counts for page speed. The CSS Minifier reduces the size of your stylesheets by removing comments, line breaks, indentation and extra spaces, dropping the last semicolon in each block, shortening colors like #ffffff to #fff, removing units from zero values and deleting empty rules.
Smaller CSS files download and parse faster, which improves Core Web Vitals such as First Contentful Paint and helps your SEO. Strings and calc() expressions are preserved safely. Keep your original, readable file for editing and use the minified version in production.
How to use the CSS Minifier
- Paste your CSS into the input box.
- Click Minify CSS.
- Check how many bytes were saved.
- Copy the minified CSS into your production stylesheet.
Frequently asked questions
Is minified CSS safe to use?
Yes. Minification only removes characters that browsers ignore, so styles render identically.
How much smaller will my CSS be?
Typically 15–40%, depending on how many comments and how much whitespace the original contains. Combined with gzip compression, savings are even larger.
Should I edit minified CSS?
No. Always edit the original readable file and minify again, or use our CSS Formatter to expand minified code.