CSS Minifier

Was die Umstrukturierung bewirkt

Neben dem Entfernen von Leerraum verkürzt der Minimierer Werte (#ffffff wird zu #fff, 0px zu 0) und fasst Regeln zusammen. Zwei Selektoren mit identischen Deklarationen werden zu einer Regel kombiniert, und Deklarationen können zwischen Regeln verschoben werden, wenn die Kaskade dies zulässt. Die Ausgabe folgt daher nicht der Reihenfolge deiner Quelle, und bei der Suche nach einem Selektor findest du ihn möglicherweise zusammen mit anderen. Zum Lesen kannst du das Ergebnis mit dem CSS-Formatierer erweitern.

Lizenzkommentare bleiben erhalten

Normale Kommentare werden entfernt, aber ein Kommentar, der mit /*! beginnt, bleibt erhalten. Das ist die Konvention, die Bibliotheken für Urheberrechts- und Lizenzhinweise verwenden, die zusammen mit dem Code weitergegeben werden müssen. Schreibe solche Hinweise daher in dieser Form, damit die minimierte Datei konform bleibt.

Durch die Minimierung geht außerdem die Verbindung zwischen Ausgabe und Quelle verloren. Die Entwicklertools des Browsers können minimiertes CSS nur mithilfe einer Quellzuordnung auf das Original zurückführen. Diese wird von Build-Tools erzeugt, nicht aber von dieser Seite. Bewahre daher die lesbare Datei als die Datei auf, die du bearbeitest.

So benutzt du es

1. CSS einfügen.
2. CSS minimieren auswählen.
3. Das optimierte Stylesheet kopieren oder herunterladen.

Datenschutz & Einschränkungen

CSS bleibt in deinem Browser. Prüfe das Ergebnis vor der Bereitstellung hinsichtlich visueller Anforderungen und der Browser-Unterstützung.