CSS Minifier

1. Paste your CSS into the input field.
2. The minified result appears alongside the original size, the final size and the saving as a percentage.
3. Copy the result into your production file.

• Comments in /* ... */ form, entirely.
• Whitespace around braces, colons, semicolons, commas and the >, + and ~ combinators.
• The last semicolon before each block closes, which is optional.
• Line breaks and indentation, collapsed into a single space.

The typical reduction lands between 15% and 30% of the text, depending on how much indentation and how many comments there were.

The real gain, though, is smaller than that number suggests: servers deliver CSS with gzip or brotli compression, and those algorithms already handle repeated whitespace very well. Once compressed, the difference between the minified and the original version is usually far more modest.

That does not make minification pointless — it reduces size on disk, browser parse time and transferred volume when no compression is in play. It just calibrates the expectation.

This is text-based minification, not a minifier with a full syntax parser. It does not reorder properties, remove duplicate rules, merge selectors or shorten colours.

One side effect worth knowing: multiple spaces inside a text value, as in content: "a b", are collapsed along with everything else. If your CSS depends on exact spacing inside quotes, check the result.

For a production pipeline, tools such as cssnano and lightningcss perform structural optimisations that textual minification cannot reach.

All processing happens in your browser; nothing is sent to a server.