CSS Formatter

Dies ist ein CSS-Formatierer, der Stylesheets mit sauberer, einheitlicher Einrückung verschönert oder sie verkleinert, um die Dateigröße zu reduzieren. Du wählst die Einrückungsgröße zum Verschönern und wechselst zum Verkleinern, wenn du die kleinste Ausgabe willst.

Lesbares CSS lässt sich leichter überfliegen, prüfen und debuggen: Wenn jede Regel und Deklaration einheitlich eingerückt ist, siehst du Selektoren, Verschachtelung und die Struktur deiner Media Queries auf einen Blick.

Verkleinern ist für die Produktion gedacht. Es entfernt die Leerzeichen und Kommentare, die Browser nicht brauchen, damit die Datei schneller heruntergeladen wird. Bei einem großen Stylesheet summiert sich die Ersparnis, besonders vor der gzip-Komprimierung auf dem Server.

Der Verkleinerer ist sorgfältig, wo es darauf ankommt. Er behält die Leerzeichen um Plus und Minus innerhalb von calc(), damit calc(100% - 30px) gültig bleibt, und entfernt Leerzeichen nur um strukturelle Zeichen wie geschweifte Klammern, Doppelpunkte und Semikolons. Er behandelt außerdem verschachtelte Media Queries korrekt.

Lizenzkommentare in der Form /*! ... */ bleiben erhalten, was die Standardkonvention ist, um Urheberrechts- und Lizenzhinweise in verkleinerter Ausgabe zu behalten, selbst wenn gewöhnliche Kommentare entfernt werden.

Sowohl Verschönern als auch Verkleinern laufen vollständig in deinem Browser, also verlassen deine Stylesheets nie dein Gerät. Das Tool formatiert für Lesbarkeit und Größe. Es validiert nicht, ob dein CSS korrekt ist.