CSS Minifier
Minify CSS code to reduce file size and improve load times. Remove comments, whitespace, and optimize selectors.
Everything you need to know about the online CSS minifier
Why minify your CSS code?
Significantly reduce the size of your CSS files by removing unnecessary comments, whitespace, and line breaks, which speeds up page load times.
Improve your website's performance score in Google PageSpeed Insights and Core Web Vitals with lighter stylesheets.
100% free tool, no sign-up required, and it runs entirely in your browser: your CSS code stays private and never passes through any server.
Common use cases
- Pre-production optimization
- Minify your CSS files before deploying them to reduce bandwidth usage and speed up page rendering.
- Front-end workflow integration
- Use this tool to quickly test minification results before configuring a Webpack, Vite, or PostCSS plugin.
- Reducing HTML email size
- Minify the inline CSS of your email templates to comply with size limits imposed by email clients.
- Before/after comparison
- Instantly see the reduction percentage and byte size before and after minification.
How to use the CSS minifier?
Paste your CSS code into the text area.
Click the "Minify CSS" button to start the minification.
Copy the minified result in one click and check the size reduction statistics.
Frequently asked questions about CSS minification
- Can CSS minification break my design?
- No. Minification only removes superfluous characters (whitespace, comments, line breaks) without altering the logic of CSS rules. Your visual rendering stays identical.
- What is the difference between minification and compression (gzip)?
- Minification reduces the source code by removing unnecessary characters. Gzip compression encodes the file for network transfer. Both techniques are complementary and can be combined.
- Does this tool support preprocessors like SASS or LESS?
- No, the tool only minifies pure, already-compiled CSS. Compile your SASS or LESS code to CSS first, then paste the result here.
- Is there a size limit for the CSS to minify?
- Processing is done in your browser. There is no server-side limit, but very large files (several MB) may slow down the browser.
- How can I undo the minification to read the code again?
- Minification is one-way: comments and original formatting are lost. Always keep an unminified version of your source files and use a CSS beautifier tool if needed.