CSS formatieren und minifizieren
Mach CSS wieder lesbar oder quetsche es für eine schnellere Website zusammen.
CSS einfügen, eine .css-Datei öffnen oder hier ablegen
Weiter: HTML-Formatierer · JavaScript-Formatierer
Problem mit diesem Tool melden
So verwendest du CSS-Formatierer
CSS einfügen
Füge ein Stylesheet ein oder öffne bzw. ziehe eine .css-Datei hierher. Es wird schon beim Tippen formatiert.
Formatieren oder minifizieren
Formatieren setzt jede Regel und jede Eigenschaft in eine eigene Zeile. Minifizieren entfernt Kommentare, Leerzeichen und alles andere, was Browser nicht brauchen.
Kopieren oder herunterladen
Kopiere das Ergebnis oder lade es als .css-Datei herunter. Beim Minifizieren siehst du die Größe vorher und nachher.
Warum Utils365?
Mehr als Leerzeichen entfernen
Der Minifier kürzt auch Farben wie #ff0000 zu red, entfernt Einheiten bei Nullwerten und löscht leere Regeln.
Deine Regeln bleiben in Reihenfolge
Regeln werden nie zusammengelegt oder verschoben, die Kaskade funktioniert also genau wie vorher und nichts überschreibt plötzlich etwas anderes.
Lizenzkommentare bleiben
Kommentare, die mit /*! beginnen, bleiben in der minifizierten Datei, wie es viele Open-Source-Lizenzen verlangen.
Privat durch Design
Dein CSS wird in deinem Browser formatiert und nie hochgeladen.
Häufig gestellte Fragen
Wie viel kleiner wird minifiziertes CSS?
Meist 15–30 %, bei vielen Kommentaren im Stylesheet auch mehr. Die Übersicht zeigt die genaue Größe vorher und nachher sowie die gesparten Prozent.
Kann Minifizieren meine Styles kaputt machen?
Es ist so gebaut, dass es das nicht tut. Werte werden nur so umgeschrieben, dass sie dasselbe bedeuten, und Regeln behalten ihre Reihenfolge, sodass sich nicht ändert, welche Regel gewinnt.
Wie mache ich minifiziertes CSS wieder lesbar?
Füge das minifizierte CSS ein und wähle Formatieren. Jede Regel und Eigenschaft kommt in eine eigene Zeile mit der gewählten Einrückung. Entfernte Kommentare lassen sich nicht zurückholen.
Funktioniert es mit SCSS oder Less?
Formatieren kommt mit den meisten SCSS- und Less-Dateien zurecht, auch mit Verschachtelung. Minifizieren erwartet reines CSS, kompiliere SCSS oder Less also vorher.