CSS Minifier
Compress your CSS by removing comments, line breaks, and extra spaces. Smaller files load faster for your visitors. Minifies as you type. No upload, no server, runs entirely in your browser.
How to Use
What CSS Minification Does
Minification removes everything a browser does not need to render your styles. That means comments, line breaks, indentation, and the spaces around braces, colons, and semicolons. The final semicolon before a closing brace is also dropped because it is optional. The result is a single compact block of CSS that behaves identically to the original but takes up far fewer bytes.
Smaller stylesheets download faster, which improves page load time and Core Web Vitals. The content inside quoted strings and url values is left untouched, so your fonts, background images, and generated content keep working.
Worked Example
Frequently Asked Questions
Does minifying change how my CSS works?
No. Minification only removes characters that the browser ignores, such as comments, line breaks, and extra spaces. The rules, selectors, and values stay exactly the same, so the page renders identically. The browser reads minified CSS the same way it reads the original.
How much smaller does CSS get after minifying?
It depends on how the original file is formatted, but a typical reduction is between 10 and 40 percent. Files with many comments and lots of indentation shrink the most. Combined with gzip compression on your server, the saving over the wire is even larger.
Is it safe to minify CSS?
Yes. This tool removes only whitespace and comments and protects the content inside quoted strings and url values, so it will not break selectors or property values. Everything runs in your browser and nothing is uploaded to a server.
Should I keep an unminified copy of my CSS?
Yes. Always keep your original formatted CSS as the source you edit. Minified CSS is hard to read and maintain, so treat it as a build output. Minify again whenever you change the source file before deploying.
Does this work with SCSS or Sass?
This tool minifies plain CSS. SCSS and Sass must first be compiled to regular CSS using a Sass compiler. Once you have the compiled CSS output, you can paste it here to minify it for production.