CSS Minifier

Compress and minify CSS by removing whitespace, comments, and redundant values. Also shortens hex colours and removes unnecessary units from zero values. Shows exact byte savings.

Paste your CSS above and click Minify CSS to see the result.

About the CSS Minifier

This free online CSS minifier compresses stylesheets by removing all unnecessary characters — whitespace, comments, and redundant values — without changing how the styles render. Smaller CSS files load faster and reduce bandwidth costs.

Features

Removes whitespace, newlines, and indentation
Strips /* block */ comments
Preserves /*! licence and attribution comments
Removes trailing semicolons before closing braces
Shortens hex colours — #ffffff → #fff
Removes units from zero values — 0px → 0
Shortens leading zeros — 0.5rem → .5rem
String-safe — content inside quotes is never modified
Shows exact byte savings (original → minified with % reduction)
Downloads with .min.css extension
100% client-side — your code never leaves your browser

How to use

Paste your CSS into the input box (or click Sample to load an example).
Click Minify CSS.
The stats bar shows the original size, minified size, and percentage saved.
Copy the result or download it as a .min.css file.

What gets minified

Whitespace — all spaces, tabs, and newlines between tokens are removed.
Comments — all /* ... */ comments are stripped. Licence comments (/*! ... */) are kept.
Trailing semicolons — the last ; before a } is redundant in CSS and is removed.
Hex shorthand — #aabbcc becomes #abc when pairs match.
Zero optimisation — 0px → 0, 0.5 → .5.