TextArray
100% lokal

CSS-Minifier

Verkleinere CSS um Kommentare und Leerraum, ohne die Werte anzufassen.

Eingabe
Ausgabe

CSS-Minifier

Füge dein Stylesheet ein und das Tool gibt eine kompakte Version zurück: Kommentare fliegen raus, Leerraum wird zusammengefaltet und das letzte Semikolon jedes Blocks entfernt. Praktisch, wenn du vor dem Deploy Bytes sparen willst, kritisches CSS direkt in den Seitenkopf inlinen musst, Styles in ein HTML-E-Mail-Template quetschst oder einfach sehen willst, wie viel deiner Datei nur Formatierung ist — die Bilanz unter der Ausgabe zeigt die Bytezahlen und die gesparten Prozente.

Der Minifier parst dein CSS, statt blind Text zu ersetzen, deshalb bleiben die heiklen Stellen intakt: Strings behalten jedes Zeichen, calc()-Ausdrücke behalten die Leerzeichen um ihre Operatoren, url()-Werte werden unverändert durchgereicht, und ein Nachfahren-Selektor wie „a :hover“ wird nie zu „a:hover“ verschmolzen. Was das Tool bewusst nicht tut: deine Werte umschreiben. Farben, Einheiten und Shorthands kommen genau so heraus, wie du sie geschrieben hast — ein ehrlicher Minifier für Leerraum und Kommentare, kein Optimizer, der Regeln umbaut.

Zwei Optionen steuern die Ausgabe. „/*!-Kommentare behalten“ bewahrt Kommentare, die mit /*! beginnen — die Konvention für Lizenzbanner, die die Minifizierung überleben müssen; schalte sie ab und auch die verschwinden. „Eine Regel pro Zeile“ setzt nach jeder Regel der obersten Ebene einen Zeilenumbruch, was das Ergebnis diff-freundlich und lesbarer hält als eine einzige lange Zeile.

Alles läuft in deinem Browser. Dein CSS wird nie hochgeladen — proprietäre Stylesheets und unveröffentlichte Designs bleiben auf deinem Gerät.

Häufige Fragen

Schreibt das Tool Farben, Einheiten oder Shorthands um?
Nein. Es entfernt nur Kommentare, überflüssigen Leerraum und das letzte Semikolon jedes Blocks. Werte, Selektoren und die Reihenfolge der Eigenschaften kommen exakt so heraus, wie du sie geschrieben hast — es baut keine Regeln um und optimiert nicht wie ein Build-Tool-Minifier.
Gehen heikle Werte wie calc() oder url() kaputt?
Nein. Das Tool parst das CSS: Strings bleiben Zeichen für Zeichen erhalten, calc() behält die nötigen Leerzeichen um seine Operatoren und alles innerhalb von url() wird unverändert übernommen.
Was sind /*!-Kommentare und warum behalten?
Ein Kommentar, der mit /*! beginnt, ist die Konvention für Lizenzbanner, die die Minifizierung überleben müssen. „/*!-Kommentare behalten“ ist standardmäßig an; schalte es ab, um sie wie jeden anderen Kommentar zu entfernen.
Wird mein CSS irgendwo hochgeladen?
Nein. Die Minifizierung läuft vollständig in deinem Browser und dein Stylesheet verlässt dein Gerät nie.