// free · runs in your browser · nothing uploaded
CSS Minifier & Beautifier
Free CSS minifier and beautifier: removes comments and spaces, shortens 0px and 0.5 values, shows the size saved, or formats CSS with one declaration per line and nested @media blocks. Runs in your browser.
Result 183 B → 134 B (−27%)
.card,.panel{padding:16px 0;margin:.5rem auto;color:#333333}@media (max-width:600px){.card:hover{box-shadow:0 2px 8px rgba(0,0,0,.2)}}Minify removes comments (except /*! licence */ ones), spaces and the last semicolon in each block, and shortens 0px to 0 and 0.5 to .5. Strings and url() values are kept as they are. Beautify puts one declaration per line with 2-space indents, including nested @media blocks. Runs in your browser.
🛠️ Spotted a mistake or an out-of-date rule? Tell us
Related tools
Questions people ask
How much does minifying CSS save?+
Usually 15–30% before gzip. Your server's gzip or Brotli compression then saves much more.
Are licence comments kept?+
Yes. Comments that start with /*! are kept, as most minifiers do.