CSS-Formatierer & -Minifier
CSS zum Lesen aufbereiten oder fürs Ausliefern minifizieren
Über dieses Tool
Expandiere minifiziertes oder zusammenkopiertes CSS in Regeln mit einer Deklaration pro Zeile, oder quetsche ein Stylesheet für die Produktion zusammen. Der Beautifier normalisiert Einrückung und Klammersetzung; der Minifier entfernt Kommentare, kollabiert Whitespace und streicht abschließende Semikolons, während Strings, url(...)-Inhalte und calc()-Ausdrücke unangetastet bleiben.
Der Minifier ist transparent darin, was er nicht tut: Er benennt keine Selektoren um, führt keine doppelten Regeln zusammen und schreibt keine Farben um. Das macht die Ausgabe vorhersagbar und sicher für jedes Stylesheet, auch für solche mit Hacks und Vendor-Prefixes — einfügen, minifizieren, ausliefern.
Wie bei jedem Tool hier läuft die Verarbeitung lokal. Unveröffentlichter Design-System-Code bleibt in deinem Browser.
Häufige Fragen
- Wie viel kleiner wird minifiziertes CSS?
- Typischerweise 15–30 % bei handgeschriebenem CSS, hauptsächlich durch Einrückung und Kommentare. Gzip auf deinem Server entfernt viel derselben Redundanz — der Unterschied auf der Leitung ist also kleiner, als die rohe Byte-Zahl suggeriert. Minifiziere trotzdem, es verkürzt auch die Parse-Zeit.
- Ist es sicher für calc(), Custom Properties und Media Queries?
- Ja. Leerzeichen innerhalb von calc() sind bedeutungstragend und bleiben erhalten; Custom Properties und ihre var()-Referenzen sind gewöhnliche Deklarationen und überleben unverändert; @media und andere At-Rules behalten ihre Struktur.
- Warum behalten Nachfahren-Selektoren ihre Leerzeichen?
- Weil „nav a“ und „nava“ verschiedene Dinge selektieren — das Leerzeichen ist ein Kombinator, keine Formatierung. Der Minifier entfernt nur Whitespace ohne syntaktische Bedeutung.
- Kann es zwischen LESS/SCSS und CSS konvertieren?
- Nein — Präprozessor-Syntax braucht Kompilierung, keine Formatierung. Schlichtes SCSS, das zugleich gültiges CSS ist, formatiert problemlos; verschachtelte Regeln und Mixins nicht.