CSS minimieren und formatieren – kostenlos online
CSS sofort im Browser minimieren oder formatieren. Entfernt Kommentare und Leerraum und verkleinert die Dateigröße.
🔒 Ihre Datei verlässt nie Ihren Browser. Die gesamte Verarbeitung erfolgt lokal.
So minimieren Sie CSS online
- 1
CSS einfügen
Fügen Sie Ihren CSS-Code in das Eingabefeld ein oder tippen Sie ihn ein.
- 2
Minimieren oder Formatieren wählen
Klicken Sie auf „CSS minimieren“, um den Code zu komprimieren, oder auf „CSS formatieren“ für einheitliche Einrückung.
- 3
Ergebnis kopieren
Das Ergebnis erscheint rechts. Mit „Kopieren“ übernehmen Sie es in die Zwischenablage.
CSS blockiert das Rendering: Der Browser kann nichts darstellen, bevor alle Stylesheets im Head geladen und geparst sind. Schon wenige Kilobyte verzögern deshalb den First Contentful Paint, vor allem im Mobilfunk. CSS zu minimieren ist die günstigste Optimierung: keine Build-Pipeline, keine Codeänderung, nur eine kleinere Datei, die identisch dargestellt wird.
Entfernt werden Kommentare, Einrückungen, Zeilenumbrüche, Leerzeichen um geschweifte Klammern und Doppelpunkte sowie das letzte Semikolon vor jeder schließenden Klammer. Selektoren, Eigenschaftsnamen und Werte bleiben unangetastet, daher verhält sich minimiertes CSS genau wie das Original. „Formatieren“ funktioniert umgekehrt: Aus einem Produktions-Stylesheet werden gut lesbare, einheitlich eingerückte Regeln.
Ist Ihr Stylesheet wegen ungenutzter Regeln groß und nicht wegen Leerraum, bringt Minimieren wenig; entfernen Sie zuerst ungenutzte Selektoren im Build. Für Ihre übrigen Dateien wenden der JS-Minifier und der HTML-Minifier dieselbe Idee auf Skripte und Markup an.