CSS Minifier

Strip comments and whitespace from your CSS to shrink it — and see exactly how much you save.

CSS

Minified CSS

🔒 Nothing you enter is sent anywhere or stored. All processing happens in your browser.

How it works

Every byte your CSS sends over the wire adds to page load time. Minifying removes the parts browsers don't need — comments, indentation, line breaks, and the spaces around braces, colons, and semicolons — without changing how the styles render. It's a simple, safe win for performance.

Paste your stylesheet and this tool strips comments and collapses whitespace, then shows the original size, the minified size, and the percentage saved so you can see the benefit. Copy the result into your production build or a <style> block.

It runs entirely in your browser, so your styles are never uploaded. For large projects, a build-step minifier can go further (shortening colors, merging rules), but for quick optimisation this is instant and private.

Examples

A commented, indented stylesheet → one compact line.

See "Saved 42%" so you know the optimisation was worthwhile.

Paste a snippet before inlining critical CSS in your <head>.

Frequently asked questions

Will minifying change how my styles look?

No. It only removes characters browsers ignore — comments and unnecessary whitespace — so the rendered result is identical.

Does it shorten color values or merge rules?

No, this is a safe whitespace/comment minifier. Advanced optimisations are best left to a full build-step tool.

How is the saving calculated?

By comparing the character count before and after minification and showing the percentage reduced.

Is my CSS uploaded?

No — minification happens entirely in your browser.