CSS Minifier & Beautifier
Minify or beautify your CSS code. Reduce file size by removing comments, whitespace, and optimizing selectors.
About CSS Minifier & Beautifier
The CSS Minifier strips comments, collapses whitespace, drops the final semicolon in each block, shortens six-digit hex colors to three where possible, and trims needless decimals like 1.0rem. A beautify mode does the reverse, re-indenting a compressed stylesheet one declaration per line. It reports the original and minified byte size along with the percentage saved, which is what you want when trimming render-blocking CSS, and the output copies or downloads as styles.min.css. Everything runs in your browser.
Use Cases
How to use
Paste your stylesheet into the CSS Input box, or click Load Sample to start from example CSS.
Keep Minify selected to strip comments and whitespace, drop the last semicolon in each block and shorten six-digit hex colours where possible.
Click Beautify instead when you want the opposite: the same rules re-indented two spaces per level with one declaration per line.
Watch the output pane rewrite itself as you type and compare the byte counts shown above each box.
Read the Size Reduction percentage and Bytes Saved figures below, then click Copy or Download to save the file as styles.min.css.
Pro Tips
- Paste your content directly — the CSS Minifier detects common input patterns and applies sensible defaults automatically.
- Use keyboard shortcuts (Ctrl/Cmd+A to select all, Ctrl/Cmd+C to copy) to speed up your workflow inside the CSS Minifier.
- For very large inputs, break them into chunks — most browser tabs can handle megabytes of text, but parsing huge payloads may freeze the UI briefly.
- The CSS Minifier does not log or store your input. If you need history, copy important outputs to a local file or note app.
- Combine the CSS Minifier with other tools on this site (formatters, converters, encoders) to build complete data pipelines without leaving your browser.
Frequently Asked Questions
Yes, fully free with no signup, no API key, no watermarks, and no usage limits.
No. The CSS Minifier runs entirely client-side in your browser. Your input never touches our servers.
There is no hard limit, but expect slowdowns on inputs larger than a few megabytes, depending on your device's memory.
Yes. Outputs generated with the CSS Minifier are yours to use freely in any personal or commercial project.
Most of the logic runs in client-side JavaScript, so after the initial load you can often keep working without a network connection.
None. Because the CSS Minifier runs in your browser, you can process as many inputs as your hardware allows without API keys or throttling.