Developer tool

CSS Minifier

Compress CSS whitespace and comments for a smaller production file.

Runs in your browser
CSS Minifierworks locally
Result — 23% smaller

How to use this CSS minifier

  1. Paste the source text or code, then choose the conversion or formatting mode.
  2. Review the minified output and file-size difference. Check syntax, escaping, and edge cases against the source before using the result in a live project.
  3. Check the output against the source, then copy or download the finished result.

About this CSS minifier

The CSS Minifier lets you compress CSS whitespace and comments for a smaller production file. The controls cover only the inputs needed for the result.

You can also use it to check source text for structural or syntax problems.

Example

Paste a readable source file into the CSS Minifier, compare the before and after byte counts, then test the minified output in its normal environment.

Common uses

  • compress CSS whitespace and comments for a smaller production file
  • check source text for structural or syntax problems
  • prepare a clean version for testing or reuse