WTWebz Tools
Menu

CSS Minifier

Stylesheets ship to every visitor, so their size is on the critical path for page rendering. Stripping the comments, indentation and line breaks that exist purely for the author cuts real bytes off that download.

The tool works both ways: minify for production, or beautify a minified file when you need to read it.

Runs in your browser. CSS Minifier processes your input on your own device. Nothing you enter or upload is sent to a server.

How to use the CSS Minifier

  1. Paste your CSS into the input area.
  2. Choose minify or beautify.
  3. Check the size difference reported.
  4. Copy the output.

Frequently asked questions

Does minifying break my styles?

It removes whitespace and comments, which do not affect how rules are applied. It does not rename classes or reorder declarations, so specificity and cascade order are preserved.

How much smaller will the file get?

It depends on how heavily commented and indented the source is. Well-documented stylesheets shrink most. The tool reports the actual saving for your input.

Is my CSS uploaded?

No. It is processed in your browser.

Browse all developer tools