Skip to content
FizzKit

CSS Minifier

Remove comments, whitespace, and redundant syntax from CSS while preserving behavior. Typical savings are 10–30%.

Runs locally in your browser
For long CSS, open fullscreen for a wider view
CSS input
622 chars · 38 lines
Output
.hero{padding:80px 32px;background-color:#fff;color:#111827}.hero h1{font-size:48px;line-height:1.1;margin-bottom:24px;font-weight:600}.hero .cta{display:inline-flex;align-items:center;gap:8px;background-color:#6366f1;color:#fff;padding:12px 24px;border-radius:8px;transition:all 0.15s ease-in-out}.hero .cta:hover{background-color:#4f46e5;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.hero{background-color:#0a0a0a;color:#fafafa}}
Input size
622 B
Output size
448 B
Saved
174 B
Compression
28.0%
Rules
6

Related tools

JavaScript Minifier

Minify JavaScript with variable mangling.

JSON Minifier

Remove whitespace from JSON to reduce payload size.

HTML Prettifier

Format and indent HTML for readability.

SQL Formatter

Format and beautify SQL queries.

About CSS Minifier

Remove comments, whitespace, and redundant syntax from CSS while preserving behavior. Typical savings are 10–30%.

CSS Minifier is part of FizzKit — a collection of focused, browser-based tools. Because everything runs locally, it works offline once loaded and never exposes your data to a remote server.

Frequently asked questions

Yes. Only insignificant characters are removed. Media queries, cascading order, and specificity are preserved.