CSS-Minifizierer

Verdichtet CSS-ähnlichen Text, indem Zeilen- und Blockkommentare entfernt, Leerraumfolgen reduziert und Abstände um Klammern, Doppelpunkte, Semikolons, Kommas und Selektorkombinatoren gekürzt werden. Zeichenketten und Escape-Zeichen bleiben erhalten.

Füge das Stylesheet ein und prüfe die sofort aktualisierte Ausgabe. Kopiere das Ergebnis oder leere den Editor mit Reset; ein Dateidownload oder Wiederherstellen des Beispiels ist nicht enthalten.

Dies ist ein zeichenbasierter Transformator, kein CSS-Parser, Validator, Optimierer oder Kompressionscodec. Er entfernt alle erkannten /* Block- */ und // Zeilenkommentare einschließlich Lizenzhinweisen und meldet keine fehlerhafte Syntax. Komplexe calc()-Ausdrücke, ungewöhnliche Escapes, Daten-URLs und Präprozessor-Syntax müssen sorgfältig geprüft werden.

Der Scan läuft einmal von links nach rechts: Sobald ein Kommentar oder eine Zeichenkette endet, wird Leerraum an Selektoren, Klammern, Doppelpunkten und Trennzeichen sofort entfernt — ein zweiter Durchlauf oder ein Parsebaum ist dafür nicht nötig.

Beim Einfügen von `.card { color: red; padding: 8px; }` entsteht `.card{color:red;padding:8px}` in einer einzigen Zeile, bereit zum Kopieren.

Vergleiche die minifizierte Ausgabe vor der Veröffentlichung mit der Quelle für die verwendeten Selektoren und Eigenschaften, und lade die komprimierte Datei auf einer echten Seite, um das unveränderte visuelle Ergebnis zu bestätigen.

Bewahre das Original auf, vergleiche Größen und teste die minifizierte Datei vor der Veröffentlichung in den Zielbrowsern. Die Verarbeitung ist lokal; Code wird nicht hochgeladen.