CSS Minifier
Minify CSS to reduce file size by removing comments, whitespace and redundant characters — or beautify minified CSS back to readable format.
How to use
- Paste your CSS into the input box.
- Click Minify to compress it or Beautify to expand minified CSS.
- Copy the result with one click — the stats show how many bytes were saved.
Frequently asked questions
How much does minification reduce file size?
Typically 20–40% for well-formatted CSS. The savings come from removing comments, collapsing whitespace and removing the last semicolon in each rule block.
Does minification change how the CSS works?
No. Minification only removes characters that are not needed for the browser to parse the CSS correctly. The visual result is identical.
Should I minify CSS in production?
Yes — minified CSS loads faster, especially on mobile connections. Most build tools (Webpack, Vite, Parcel) minify CSS automatically in production builds.
What does Beautify do?
Beautify (also called "pretty print") adds indentation and line breaks to make minified CSS readable again. Useful when you need to read or edit CSS that was already minified.