CSS Minifier & Beautifier
Minify or beautify CSS, JavaScript, and HTML instantly. See original size, minified size, gzip estimate, and savings percentage — all in your browser.
🔒 Your code never leaves your device
Input — CSS
0 chars
Output — Minified
⚠
Frequently Asked Questions
CSS minification removes whitespace, comments, redundant semicolons, and compresses shorthand properties (like
margin: 0 0 0 0 → margin:0) to reduce file size. Smaller CSS files load faster and improve page performance.
Minify removes all unnecessary whitespace to make the file as small as possible for production. Beautify adds proper indentation and line breaks to make the code readable for development. Use minify before deploying; use beautify to read or edit existing minified code.
Comments starting with
/*! are convention-marked as important. Many minifiers preserve these to retain license notices, copyright headers, and source map directives. Toggle "Preserve important comments" to control this behavior.
The gzip estimate uses a compression ratio approximation (typically 65–80% for CSS/HTML). The actual gzip size depends on your server configuration and the specific content. The estimate gives a useful ballpark for performance planning.
No. All minification and beautification runs entirely in your browser using JavaScript. Your CSS, JS, and HTML code is never sent to any server, stored, or logged. You can use this tool safely for proprietary code.