CSS Minifier
Paste your CSS to remove comments, spaces, line breaks and the last semicolon in each rule. Strings and calc() expressions are handled safely. Copy the result or download a .min.css file.
How to minify CSS
- Paste your stylesheet into the box.
- Copy or download the minified CSS.
- Replace the file on your site, or link the .min.css version, and check the pages.
What minification removes
| Removed | Example |
|---|---|
| Comments | /* Buttons */ |
| Line breaks and indentation | Spaces at the start of lines |
| Spaces around symbols | color : red becomes color:red |
| Last semicolon in a rule | red;} becomes red} |
| Leading zeros | 0.5 becomes .5 |
CSS and page speed
Minified CSS downloads a little faster, but removing unused CSS usually saves much more. Page builders often load large stylesheets on every page. On WordPress, LiteSpeed Cache can minify and combine CSS automatically; test carefully after turning on combine options.
Related tools
Minify markup with the HTML minifier and scripts with the JavaScript minifier, and build styles with the CSS button generator and CSS gradient generator.
More free tools and guides
Practise tools like this on real projects in our digital marketing course in Faridabad, with weekday, weekend and online batches.
See the courseAll free toolsAsk on WhatsApp
Frequently Asked Questions
Is this CSS minifier free?
Yes. It is free with no sign-up, and your code stays in your browser.
Will minifying CSS change how my site looks?
It should not. It only removes characters the browser does not need. Always check key pages after replacing files.
How much can CSS minification save?
Often 15 to 30 percent of the file size, depending on comments and formatting.
Should I minify CSS on WordPress manually?
Usually not. Caching plugins like LiteSpeed Cache can do it automatically.