CSS-Minifier
Fügen Sie ein Stylesheet ein und erhalten Sie eine kompakte, produktionsreife Fassung. Das Tool zeigt die Größe vorher und nachher.
Über dieses Tool
CSS-Minifizierung geht über das Löschen von Leerraum hinaus. csso, der hier eingesetzte Optimierer, führt zusätzlich identische Selektoren zusammen, entfernt überschriebene Deklarationen, kürzt Farben (#ffffff → #fff) und Einheiten (0px → 0) und sortiert um, wo das nachweislich sicher ist. Ein handgeschriebenes Stylesheet schrumpft dadurch typischerweise um 20–40 %, noch vor der gzip-Kompression.
Der Minifier versteht moderne Syntax inklusive Custom Properties, Verschachtelung und Container Queries. Seine strukturellen Optimierungen sind konservativ und in Build-Pipelines weit verbreitet, die Darstellung bleibt also identisch. Behalten Sie die lesbare Quelldatei und minifizieren Sie nur für die Veröffentlichung.
Häufige Fragen
- Ist die strukturelle Optimierung sicher?
- csso führt Regeln nur zusammen oder verwirft sie, wenn das Ergebnis der Kaskade identisch bleibt. Der Optimierer wird seit Jahren in produktiven Build-Werkzeugen eingesetzt.
- Warum ist die Ersparnis so gering?
- Bereits kompaktes CSS oder CSS mit vielen einzigartigen Selektoren bietet wenig Angriffsfläche. Den Rest erledigt gzip auf dem Server.
- Kann ich bestimmte Kommentare behalten?
- Kommentare, die mit /*! beginnen, bleiben als Lizenzhinweis erhalten.