🗜️ CSS Minifier
CSS einfügen und sofort minifizieren — Kommentare werden entfernt, Leerzeichen reduziert, Strings und url()-Werte bleiben unverändert. Sieh genau, wie viele Bytes du sparst.
Über
Dieser CSS Minifier läuft vollständig im Browser und verwendet einen Tokenisierungsansatz, der Sonderfälle korrekt behandelt. Er entfernt einzeilige (//) und mehrzeilige (/* */) Kommentare, reduziert Leerzeichen auf ein einzelnes Leerzeichen oder entfernt sie rund um Satzzeichen wie { } : ; , und >, und bewahrt den Inhalt von Strings in Anführungszeichen sowie url()-Werten, damit Leerzeichen in Data-URIs oder Schriftartnamen nie beschädigt werden. Da es sich um einen einfachen Tokenizer und keinen vollständigen AST-Parser handelt, ist das Tool schnell und hat keine Abhängigkeiten — geeignet für die große Mehrheit von handgeschriebenem oder präprozessorgeneriertem CSS. Das Tool zeigt Originalgröße, minifizierte Größe und eingesparte Bytes an.
Verwendung
- Füge dein CSS in das Eingabefeld auf der linken Seite ein.
- Klicke auf Minify — das Tool tokenisiert dein CSS und gibt eine komprimierte Version rechts aus.
- Überprüfe die Größenübersicht, um Originalgröße, minifizierte Größe und eingesparte Bytes zu sehen.
- Klicke auf Kopieren, um das minifizierte CSS in die Zwischenablage zu kopieren, oder nutze Herunterladen, um es als .css-Datei zu speichern.
Häufige Fragen
- Verarbeitet dieses Tool mein CSS auf einem Server?
- Nein. Die Minifizierung läuft vollständig in deinem Browser mit JavaScript. Dein CSS wird nirgendwo hingesendet.
- Kann die Minifizierung mein CSS beschädigen?
- Der Tokenizer schützt Strings in Anführungszeichen und url()-Werte, sodass gültiges CSS unverändert bleibt. Da es sich jedoch um keinen vollständigen AST-Parser handelt, werden ungewöhnliche Sonderfälle mit nicht standardkonformer Syntax möglicherweise nicht perfekt behandelt.
- Werden auch einzeilige // Kommentare entfernt?
- Ja. Sowohl einzeilige // als auch mehrzeilige /* */ Kommentare werden entfernt. Beachte, dass // nicht offiziell Teil der CSS-Spezifikation ist, aber häufig in Präprozessor-Quelldateien vorkommt.
- Wie viel kleiner wird mein CSS?
- Handgeschriebenes CSS schrumpft typischerweise um 20–40 %. Dateien mit vielen Kommentaren oder viel Leerzeichen sparen mehr. Für maximale Komprimierung kombiniere dies mit gzip oder Brotli auf deinem Server.
- Kann ich CSS mit Variablen oder calc()-Ausdrücken minifizieren?
- Ja. Benutzerdefinierte Eigenschaften (--var), var(), calc() und andere moderne CSS-Funktionen werden als reguläre Tokenwerte behandelt und sicher durchgeleitet.