CSS-Minifizierer
CSS komprimieren oder verschönern, mit Byte-Ersparnis.
- Sofort
- Kostenlos
- Privat (lokal verarbeitet)
- Ohne Anmeldung
Leichteres CSS oder lesbareres — Ihre Wahl
In Produktion will man CSS, das kompakt schnell lädt; in Entwicklung CSS, das luftig lesbar ist. Dieses Tool geht beide Wege und zeigt jedes Mal, wie viele Bytes Sie gespart oder hinzugefügt haben.
-
CSS einfügen
Eine Regel, ein ganzes Blatt, jede Größe.
-
Minifizieren oder verschönern
Maximale Kompression oder saubere Neu-Einrückung.
-
Ersparnis ablesen
Bytes vorher → nachher und gesparter Prozentsatz.
Was die Minifizierung entfernt
| Vorher | Nachher |
|---|---|
| /* Kommentar */ | (entfernt) |
| .box { color: red; } | .box{color:red} |
| margin: 0 auto ; | margin:0 auto |
| Zeilenumbrüche und Tabs | (entfernt) |
Ein bewusst einfacher, sicherer Minifizierer: Er benennt nichts um und führt keine Regeln zusammen. Für kritische Produktion geht ein Build-Tool (cssnano, Lightning CSS) weiter.
Häufige Fragen
Warum CSS minifizieren?
Eine leichtere CSS-Datei lädt schneller: Die Seite erscheint früher und braucht weniger Bandbreite. Bei großen Dateien spart das Entfernen von Kommentaren, Leerzeichen und Umbrüchen oft 20–40 % der Größe.
Ändert die Minifizierung die Darstellung?
Nein: Sie berührt nur unsichtbare Zeichen (Leerzeichen, Umbrüche, Kommentare) und das überflüssige letzte Semikolon. Regeln, Werte und Selektoren bleiben identisch. Der Browser interpretiert genau denselben Stil.
Was macht der „Verschönern“-Modus?
Das Gegenteil: Er rückt komprimiertes oder unsauberes CSS neu ein, eine Regel pro Zeile, mit Einzügen, um es lesbar und editierbar zu machen. Praktisch, um das minifizierte CSS einer Seite zu entziffern.
Werden meine Stylesheets online gesendet?
Nein: Die gesamte Verarbeitung erfolgt im Browser, nichts wird übertragen. Sie können vertrauliches oder proprietäres CSS minifizieren, ohne dass es Ihren Rechner verlässt.