Wofür CSS minimieren gedacht ist
Das Werkzeug verkleinert Ihr CSS, indem es Kommentare entfernt, Whitespace zusammenfasst und überflüssige Leerzeichen um Klammern, Semikolons und Doppelpunkte streicht. !important bleibt erhalten.
Bedienung
- Fügen Sie Ihr CSS ein
- Klicken Sie auf Minifizieren
- Lesen Sie das Ergebnis ab
- Kopieren Sie das minimierte CSS
Typische Anwendungen: Kleines CSS-Schnipsel verkleinern, Kommentare aus geliefertem CSS entfernen, CSS vor dem Kopieren kompakt machen.
Fragen und Antworten
Bleibt !important erhalten?
Ja. Der Hinweis !important wird nie verändert oder entfernt.
Wird mein CSS an einen Server geschickt?
Nein. Alles läuft in Ihrem Browser, es wird nichts hochgeladen.
Warum fehlt ein Semikolon vor der schließenden Klammer?
Das ist Absicht: Das letzte Semikolon vor einer schließenden Klammer ist überflüssig.
Kann ich damit ein komplettes Stylesheet minimieren?
Für einzelne Schnipsel ja. Für ein großes Projekt nutzen Sie besser einen Build-Schritt.
Einschränkungen
Der Minifizierer arbeitet mit Textmustern statt mit einem echten CSS-Parser. Er kann Selektoren mit komplexen Pseudoklassen nicht immer unterscheiden. In den meisten Fällen stimmt das Ergebnis, bei Trickreichem sollten Sie es in einem Browser prüfen. Für Produktiv-Deployments ist ein etablierter Minifier die bessere Wahl.
Was das Werkzeug kann
CSS-Kommentare werden entfernt, Whitespace auf ein Leerzeichen zusammengefasst, Leerzeichen um Klammern, Semikolons und Doppelpunkte weg, !important bleibt erhalten
Auch das CSS komprimieren: