CSS Minifier

Minify CSS online in your browser. Paste CSS rules, remove comments and spacing, then copy compact styles for snippets, prototypes, and quick front-end cleanup.

1. Paste CSS

Add your stylesheet, component styles, or CSS snippet.

2. Minify styles

Comments, extra spaces, and optional semicolons are cleaned instantly.

3. Copy CSS

Use the minified CSS in a page, prototype, or quick test.

Original

139 B

Minified

112 B

Saved

27 B (19%)

CSS input

Minified CSS

.card{border-radius:12px;padding:16px;background:#ffffff}.card:hover{box-shadow:0 18px 50px rgba(28,38,64,0.08)}

Related tools

Useful next steps

CSS FormatterFormat and beautify CSS code online HTML MinifierMinify HTML online and remove extra whitespace JavaScript MinifierMinify JavaScript snippets online Code FormatterFormat JavaScript, JSON, HTML, and CSS Base64 Encode/DecodeEncode and decode Base64 strings Base64 Image EncoderConvert images to Base64 data URLs

When to minify CSS

CSS minification helps compact style snippets, examples, prototypes, static pages, and quick tests by removing comments and unnecessary spacing.

CSS Minifier FAQ

What does CSS minify do?

It removes comments, whitespace, and optional semicolons where possible while keeping CSS declarations readable to the browser.

Does it replace a production build tool?

No. It is best for snippets and quick cleanup. Production apps should still use a bundler or build pipeline.

Can I see compression savings?

Yes. The tool shows original size, minified size, and the estimated percentage saved.