CSS-Formatierer & -Minimierer

Rücken Sie unordentliches CSS ein, um es lesbar zu machen, oder minimieren Sie es für die Veröffentlichung – mit einem sicheren Modus, der die Reihenfolge Ihrer Regeln niemals ändert.

Einzug
Komprimierung
Fügen Sie CSS ein oder tippen Sie es ein, um es zu formatieren oder zu minimieren.

Ihr CSS wird direkt in Ihrem Browser formatiert und minimiert. Es wird nichts an BroBroGo übertragen.

FAQ

Was ist der Unterschied zwischen Formatieren und Minimieren?

„Formatieren“ rückt Ihre Styles neu ein und fügt Leerzeichen hinzu, damit sie leicht zu lesen und zu bearbeiten sind. „Minimieren“ bewirkt das Gegenteil – es entfernt Leerzeichen und Kommentare, die ein Browser nicht benötigt, und verkürzt Werte wie Farbangaben, damit die Datei kleiner ist und schneller geladen wird. Formatieren Sie während der Arbeit, minimieren Sie vor der Veröffentlichung.

Was bewirken die Komprimierungseinstellungen „Sicher“ und „Optimiert“?

„Sicher“ entfernt lediglich Leerzeichen sowie Kommentare und verkürzt Werte, wobei jede Regel genau dort bleibt, wo Sie sie geschrieben haben. „Optimiert“ geht weiter und führt doppelte Selektoren und Regeln zusammen, um eine noch kleinere Datei zu erhalten – dies kann die Reihenfolge der Regeln ändern. Bei Stylesheets, die stark von der Quellreihenfolge abhängen, empfiehlt sich daher vor der Veröffentlichung eine kurze Überprüfung. Als /*! … */ markierte Kommentare bleiben in beiden Modi erhalten.

Verändert das Minimieren das Aussehen meiner Seite?

Im Modus „Sicher“ nein – Ihre Styles werden exakt gleich gerendert. Er entfernt Leerzeichen, verwirft gewöhnliche Kommentare und schreibt Werte in kürzere, äquivalente Formen um (wie #ffffff zu #fff). Dabei werden Ihre Vendor-Präfixe oder moderne Syntaxen niemals geändert. Der Modus „Optimiert“ führt zusätzlich Regeln zusammen. Das sieht auf fast allen Stylesheets identisch aus, sollte aber überprüft werden, wenn Ihr Stylesheet von der Regelreihenfolge abhängt.