Kostenloser Online CSS-Minifizierer & Verschönerer

CSS einfügen zum Minifizieren für die Produktion oder Verschönern für bessere Lesbarkeit. Byte-Einsparungen in Echtzeit sehen, Größen vergleichen und Ergebnis kopieren — alles im Browser.

Original: 386 BMinifiziert: 280 B27.5%

CSS-Eingabe

Ausgabe

*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width:768px){.container{padding:0 0.5rem}body{font-size:14px}}

Funktionen

CSS minifizieren durch Entfernen von Kommentaren, Leerzeichen und abschließenden Semikolons
Komprimiertes CSS mit konfigurierbarer Einrückung verschönern (2, 4 oder 8 Leerzeichen)
Echtzeit-Größenvergleich mit Anzeige der gesparten Bytes und Komprimierungsprozent
Verarbeitung von @media-Abfragen, @keyframes und verschachtelten Regeln
Inhalte in CSS-Strings werden beibehalten
100% clientseitige Verarbeitung — CSS verlässt den Browser nicht

Häufig gestellte Fragen

Wird Minifizierung mein CSS beschädigen?

Nein. Minifizierung entfernt nur Zeichen, die das Rendering nicht beeinflussen — Kommentare, überflüssige Leerzeichen und unnötige Semikolons.

Wird mein CSS an einen Server gesendet?

Nein. Die gesamte Verarbeitung erfolgt vollständig im Browser mit JavaScript.

Kann es SCSS oder LESS verarbeiten?

Dieses Tool verarbeitet Standard-CSS. Bitte kompilieren Sie SCSS/LESS zuerst zu CSS, bevor Sie dieses Tool verwenden.

Tipps & Verwandte Workflows

Sonderzeichen in CSS-Content-Strings kodieren?HTML Entity Encoder.
Original- und minifiziertes CSS nebeneinander vergleichen?Diff Checker.
JSON-Konfiguration für CSS-Tools bearbeiten?JSON Formatter.