CSS Minifier

Check a CSS minification example

Frequently Asked Questions: Will minifying break my CSS?

CSSO parses and optimizes a stylesheet instead of deleting whitespace with a text replacement. This example shortens a zero length and a color. Structural optimizations can merge compatible declarations and rules; compare the rendered page before replacing a production stylesheet.

This tool does not generate source maps or compile Sass/Less. The input is processed in this browser using a library served by this site. A parse error clears the previous output so it cannot be mistaken for the current result.

.card {
  margin: 0px;
  color: #ff0000;
}

.card{margin:0;color:red}