CSS Minifier & Beautifier

Minify CSS to reduce file size or beautify for readability. All processing happens in your browser.

Original

300 B

Minified

239 B

Saved

61 B

Reduction

20.3%

Input CSS

Minified CSS

.container{display:flex;flex-direction:column;align-items:center;padding:20px;margin:0 auto}.button{background-color:#3b82f6;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.button:hover{background-color:#2563eb}

Why Minify CSS?

Reduce file size for faster page loads
Decrease bandwidth usage
Improve website performance scores
Remove unnecessary whitespace and comments