CSS-Minifierer

Minifiziert CSS im Browser.

So nutzen Sie es

Vier Schritte: einfügen, ausführen, prüfen, kopieren. Alles bleibt im Browser.

Eingabe einfügen

Eingabe einfügen

CSS, HTML, JSON oder anderen Text einfügen. Nichts wird hochgeladen.

Tool ausführen

Tool ausführen

Auf Konvertieren oder Ausführen klicken. Das Ergebnis erscheint sofort.

Ausgabe prüfen

Ausgabe prüfen

Generierten Code und Hinweise prüfen, bevor Sie ihn übernehmen.

Kopieren und nutzen

Kopieren und nutzen

Ausgabe kopieren und in Ihr Projekt einfügen.

Über dieses Tool

Der Minifierer entfernt Kommentare und unnötigen Leerraum, damit das ausgelieferte CSS kleiner wird. Für schnelle Kontrollen gedacht, im Produktions-Build übernimmt das ohnehin der Bundler.

Beispiel

Im Beispiel steckt ein Kommentar, den die Minifizierung entfernt.

Eingabe

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

Ausgabe

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

Tipp

Die minifizierte Fassung darf nie die einzige Quelle sein, das formatierte Original bleibt im Repository.