How does CSS minification work?

The tool removes all comments (/* ... */), collapses consecutive whitespace into single spaces, and removes unnecessary spaces around punctuation characters like {, }, :, ;, and ,.

Will minification break my CSS?

For standard CSS, no. The minifier uses safe transformations that preserve all selectors, properties, and values. It does not perform structural changes like merging rules.

How much size reduction can I expect?

Typical reduction is 20-40% depending on how many comments and how much whitespace are in the original. Heavily commented stylesheets see the largest savings.

Can I minify CSS variables and custom properties?

Yes — CSS custom properties (--my-var) and all CSS features including animations, media queries, and pseudo-selectors are handled correctly.

Is my CSS sent to a server?

No — minification runs entirely in your browser. Your stylesheet is never transmitted anywhere.

CSS Minifier

Remove comments and collapse whitespace from CSS to reduce file size. See the exact bytes saved. Runs entirely in your browser — nothing leaves your device.

Your files never leave your device

Input CSS

Minified CSS

How to CSS Minifier

Paste your CSS into the input area.
The minified output appears instantly with the bytes saved shown below.
Click "Copy CSS" to copy the minified stylesheet to your clipboard.
Or click "Download .css" to save the minified file directly.

Why Use This Tool?

Serving minified CSS reduces page load times by decreasing file size. This tool performs safe transformations — removing comments and collapsing whitespace — that are lossless for CSS behaviour.

CSS Minifier

How to CSS Minifier

Why Use This Tool?

Frequently Asked Questions