CSS-Minifier & Formatierer
CSS im Browser minifizieren oder formatieren. Kommentare, Leerraum und Lizenzblöcke werden sicher behandelt. Nichts wird hochgeladen.
Das Minifizieren entfernt Leerraum, Kommentare und doppelte Deklarationen und behält calc(), Media Queries, Custom Properties und /*!-Lizenzkommentare. Lesen Sie den Diff vor dem Ausliefern, Fehler sind still.
Werkzeugbereich
Ergebnis
So minifizieren Sie CSS online
CSS einfügen und lokal minifizierte oder formatierte Ausgabe erhalten, ohne etwas hochzuladen.
- 1
CSS einfügen
Kopieren Sie das Stylesheet oder den Regelblock in die Eingabe.
- 2
Modus wählen
„Minifizieren“ komprimiert, „Formatieren“ erweitert mit Einrückung.
- 3
Ergebnis kopieren
Kopieren Sie die Ausgabe und prüfen Sie das gerenderte Ergebnis vor der Bereitstellung.
Typische Anwendungsfälle
- 1CSS vor der Bereitstellung verkleinern, um Dateigröße und Seitengewicht zu reduzieren
- 2Minifiziertes oder generiertes CSS vor dem Debuggen oder Review formatieren
- 3Kommentare aus Produktions-Bundles entfernen, Lizenzblöcke aber behalten
- 4Leerraum aus kopierten Snippets normalisieren, damit Diffs lesbar bleiben
Häufig gestellte Fragen
Wird mein CSS hochgeladen?
Nein. Minifizieren und Formatieren laufen vollständig in Ihrem Browser. Öffnen Sie DevTools → Netzwerk und beobachten Sie die Anfragen während des Einfügens.
Was macht der Minifier?
Er entfernt Kommentare und überflüssigen Leerraum, lässt das letzte Semikolon jeder Regel weg und erhält String-Literale sowie url()-Werte. Lizenzkommentare bleiben erhalten, wenn die Option aktiviert ist.
Kann ich bereits minifiziertes CSS formatieren?
Ja. Wechseln Sie in den Formatieren-Modus und fügen Sie minifiziertes CSS ein — Regeln, Eigenschaften und verschachtelte Blöcke werden lesbar eingerückt.
Ist minimiertes CSS semantisch identisch?
Der Minifier entfernt Kommentare und überflüssigen Leerraum, lässt das letzte Semikolon einer Regel weg und bewahrt Zeichenketten sowie url()-Werte. Testen Sie die Ausgabe auf einer Staging-Seite, wenn ein Stylesheet auf ungewöhnliche Hacks angewiesen ist.
Wie groß darf ein Stylesheet sein?
Pro Lauf werden bis zu 1 MB akzeptiert, was die meisten handgeschriebenen und gebündelten Stylesheets abdeckt. Größere Dateien werden mit einer Meldung abgelehnt, statt den Tab zu blockieren.
Verwandte Anleitungen
Verwandte Tools
Sie sind verantwortlich für die Schlüsselverwaltung und Ausgabevalidierung.