CSS verkleinern und lesbar formatieren

Kleinere Dateien durch kompakte Syntax

Ein CSS-Minifier entfernt überflüssige Formatierung und schreibt die Syntax kompakt. Das kann die Dateigröße verringern, ersetzt aber weder HTTP-Kompression noch das Entfernen tatsächlich ungenutzter Regeln. Dieses Werkzeug konzentriert sich auf die Darstellung: Es sortiert keine Selektoren und fasst keine Regeln zusammen, deren Reihenfolge für die Kaskade wichtig sein könnte.

Warum ein Parser statt einfacher Ersetzungen

CSS enthält Strings, Funktionen, URLs und benutzerdefinierte Eigenschaften. Ein pauschales Entfernen von Leerzeichen kann beispielsweise calc-Ausdrücke beschädigen. Der Minifier verarbeitet die Eingabe deshalb mit CSS Tree. Syntaxprobleme werden angezeigt, statt sie automatisch zu reparieren. Kommentare mit /*! bleiben in der kompakten Ausgabe als mögliche Lizenzhinweise erhalten; normale Kommentare werden dort entfernt.

Formatieren für Wartung und Fehlersuche

Der Formatter rückt Blöcke mit zwei Leerzeichen ein und macht Deklarationen leichter lesbar. Kommentare, Selektoren und Werte bleiben erhalten. Bereits entfernte ursprüngliche Kommentare oder Variablennamen kann er nicht rekonstruieren. Für die dauerhafte Entwicklung sollten Sie weiterhin die Originalquellen im Buildprozess pflegen und die kompakte Datei daraus erzeugen.

Ergebnis vor dem Austausch prüfen

Öffnen Sie höchstens 500 KB UTF-8-CSS lokal oder fügen Sie den Text ein. Vergleichen Sie anschließend wichtige Seitentypen und responsive Ansichten mit der bisherigen Datei. Eine bestandene Syntaxprüfung garantiert keine Unterstützung in jedem Zielbrowser. SCSS, Sass und Less müssen zuerst in CSS übersetzt werden. Das Tool erzeugt keine Source Map und nimmt keine Änderungen an Ihrer Website vor.

Häufige Fragen