Zum Hauptinhalt springen

Sie sind verantwortlich für die Schlüsselverwaltung und Ausgabevalidierung.

CSS-Minifier & Formatierer

CSS im Browser minifizieren oder formatieren. Kommentare, Leerraum und Lizenzblöcke werden sicher behandelt. Nichts wird hochgeladen.

26.9 % kleiner

Ergebnis

So minifizieren Sie CSS online

CSS einfügen und lokal minifizierte oder formatierte Ausgabe erhalten, ohne etwas hochzuladen.

  1. 1

    CSS einfügen

    Kopieren Sie das Stylesheet oder den Regelblock in die Eingabe.

  2. 2

    Modus wählen

    „Minifizieren“ komprimiert, „Formatieren“ erweitert mit Einrückung.

  3. 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

Sicherheitstipps

  • Minifizierung ändert Bytes, nicht Verhalten: Ausgabe vor der Bereitstellung im Browser prüfen
  • Lizenzkommentare (/*! ... */) behalten, um bei der Verteilung von Open-Source-CSS compliant zu bleiben
  • CSS nur in lokale Tools einfügen; obfuskierter oder minifizierter Code kann unerwartete Inhalte verbergen
  • Generiertes CSS auf eingebettete URLs oder Data-URIs prüfen, die Sie nicht beabsichtigt haben

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.

Verwandte Anleitungen

Verwandte Tools

Ihre Eingaben verbleiben auf Ihrem Gerät.