Entwicklung
CSS Minifier
Verkleinere CSS für schnellere Ladezeiten oder bringe minifiziertes CSS wieder in lesbare Form – mit sicherem eigenem Parser, Fehlerhinweisen samt Zeile und Spalte und der echten Ersparnis inklusive gzip.
- Läuft komplett in deinem Browser
- Keine Datenübertragung
- Ohne Anmeldung
- Kostenlos
CSS
Minifiziert
Anleitung
So funktioniert’s
- CSS einfügen
Füge dein CSS ins linke Feld ein, ziehe eine .css-Datei hinein oder öffne sie über „Datei öffnen“.
- Modus wählen
„Minifizieren“ entfernt alles, was der Browser nicht braucht. „Formatieren“ macht aus kompaktem CSS wieder gut lesbaren Code mit Einrückung.
- Hinweise prüfen
Findet das Tool Fehler wie eine fehlende Klammer oder einen offenen Kommentar, siehst du Zeile, Spalte und einen Link zur Stelle.
- Übernehmen
Kopiere das Ergebnis oder lade es als .min.css herunter. Die Balken zeigen, wie viel kleiner die Datei geworden ist – auch nach gzip.
FAQ
Häufige Fragen
Was macht der CSS Minifier genau?
Er entfernt Kommentare, Zeilenumbrüche und überflüssige Leerzeichen sowie das letzte Semikolon jeder Regel. Mit „Werte kürzen“ werden außerdem Farben gekürzt (#ffffff → #fff, rgb(255,0,0) → #f00), überflüssige Einheiten bei 0 und Nullen in Zahlen entfernt (0.50 → .5) sowie bold/normal zu 700/400.
Kann das Minifizieren mein Layout kaputt machen?
Der Minifier liest das CSS mit einem eigenen Parser nach der offiziellen CSS-Syntax und entfernt Leerraum nur, wo er nachweislich keine Bedeutung hat. So bleiben zum Beispiel die Leerzeichen in calc(100% - 10px) und in „a :hover“ erhalten. Werte in calc(), in CSS-Variablen und bei flex-basis werden bewusst nicht verändert.
Was sind Lizenz-Kommentare?
Kommentare, die mit /*! beginnen, enthalten meist Urheber- und Lizenzhinweise, etwa bei Bootstrap. Viele Lizenzen verlangen, dass sie erhalten bleiben – deshalb behält der Minifier sie standardmäßig.
Lohnt sich Minifizieren, wenn der Server gzip nutzt?
Ja, wenn auch weniger: gzip komprimiert Leerzeichen sehr gut. Typisch sind trotzdem 10–20 % weniger Daten. Das Tool zeigt dir beide Werte – vorher und nachher, jeweils mit gzip.
Werden Sass oder Less unterstützt?
Das Tool verarbeitet normales CSS inklusive moderner Funktionen wie CSS-Nesting, @layer und @container. Sass- oder Less-Code sollte vorher zu CSS übersetzt werden.
Wird mein CSS hochgeladen?
Nein. Alles passiert lokal in deinem Browser, auch das Öffnen von Dateien.