CSS Minifier / Beautifier
Compact CSS for delivery or format it for editing.
Input & settings
Result
How to use it
- 1Paste your CSS
A single rule or a whole stylesheet.
- 2Pick minify or beautify
Minify strips whitespace and comments for delivery. Beautify formats it for reading and editing.
- 3Copy or download
Take the result straight to your project or save it as a .css file.
Good to know
Parsed, not just trimmed
The CSS is parsed before it is rewritten, so a syntax error is reported instead of producing broken output.
Comments are removed when minifying
Copy any licence notices you must keep before you minify.
No selector optimisation
Rules are not merged, reordered or deduplicated, and unused CSS is not removed.
No compatibility checks
Prefixes are neither added nor removed, and browser support is not verified.
Common uses
- Shrinking a stylesheet before uploading it
- Making a minified file readable again for debugging
- Tidying CSS pasted from several sources
- Checking that a stylesheet parses cleanly
- Preparing inline critical CSS
Questions
How much smaller will my CSS get?
Whitespace and comments usually account for a noticeable share of a hand-written stylesheet. Gzip on your server compresses the rest, so minifying is a first step rather than the whole saving.
Will minifying break my styles?
The output keeps the same rules in the same order. If the input has a syntax error you are told rather than given silently broken CSS.
Can I get my formatting back?
Beautify mode re-indents minified CSS. Comments that were removed cannot be recovered.
Is my CSS uploaded?
No. It is processed in your browser.
How it works
Parses CSS before compacting it. Comments are removed in minify mode; retain required license notices separately. This does not optimize selectors or verify browser compatibility.