Developer / Formatting
CSS Minifier
Minify CSS directly in your browser by removing comments and collapsing whitespace. Minify CSS directly in the browser by removing comments, tightening punctuation spacing, and switching between compact and readable output.
3
Active rules
71
Chars saved
29%
Reduction
Compact
Output mode
Loaded starter CSS
How this behaves
Quoted strings are protected so spacing inside font names or content values stays intact.
Compact mode is better when you want the smallest quick output.
Current stylesheet has 3 blocks and 1 comments before minifying.
Useful for snippets, embeds, prototype styles, and static CSS cleanup.
Minified output
body{font-family:"Inter",sans-serif;background:#fafafa;color:#18181b}.hero,.hero__content{display:flex;gap:24px}.hero__title{font-size:48px;line-height:1.1;margin-bottom:16px}Change summary
Input chars: 246
Output chars: 175
Input lines: 18
Output lines: 1
Saved chars: 71
Reduction: 29%
CSS comments found: 1
Blocks found: 3
Why this gets reused
CSS often gets copied around in chunks during launches, experiments, embeds, and quick visual fixes.
Seeing a clean reduction instantly is useful when you want lighter snippets without opening a full build setup.
Readable and compact modes make the tool useful for both shipping and review workflows.
Strong first-use cases
Minifying embedded styles before publishing a snippet or widget.
Cleaning prototype CSS before handing it off or storing it.
Comparing how much comment and whitespace removal trims a stylesheet.