CSS Minifier

CSS Minifier removes everything a browser does not need to parse your stylesheet: comments, the whitespace that made it readable, the semicolon before a closing brace, and the leading zero in values like 0.5em.

Several optional passes go further. Hex colours written in full can be shortened when both digits of each pair match, so #ffcc00 becomes #fc0. Zero values can drop their unit, since 0px and 0 are identical. Empty rules, which usually arrive from a deleted declaration nobody tidied up after, can be removed entirely.

Every transformation here preserves meaning exactly. The tool does not merge rules, reorder properties or combine selectors, because those changes depend on cascade order and can alter which rule wins. A smaller file is not worth a layout that silently changes.

• Removes comments and all unnecessary whitespace
• Drops the final semicolon in each block
• Shortens six-digit hex colours where possible
• Removes units from zero values
• Removes empty rules
• Never reorders or merges rules, so the cascade is unchanged
• Shows original size, minified size and percentage saved

The css minifier is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:

• Shrinking a stylesheet before deployment
• Inlining critical CSS into a page head
• Reducing the size of CSS inside an email template
• Measuring how much of a stylesheet is comments and whitespace
• Cleaning up a hand-edited stylesheet