Zum Inhalt springen
ToolMug

CSS minifizieren

Minifizieren Sie CSS-Stylesheets für die Produktion. CSSO entfernt Leerraum und Kommentare, kürzt Farben und Werte und führt Regeln mit demselben Selektor zusammen – das spart oft mehr als das bloße Entfernen von Leerzeichen.

Läuft in Ihrem Browser – Ihre Eingaben werden nicht hochgeladen

So funktioniert es

  1. Fügen Sie Ihr CSS ein.
  2. Legen Sie fest, ob Regeln umstrukturiert und Lizenzkommentare beibehalten werden sollen.
  3. Klicken Sie auf „Minifizieren“ oder drücken Sie Strg+Enter (⌘+Enter auf dem Mac).
  4. Kopieren Sie das minifizierte CSS oder laden Sie es herunter.

Optionen erklärt

Regeln zusammenführen und umstrukturieren
Fasst Regeln mit demselben Selektor oder denselben Deklarationen zusammen, sofern das gefahrlos möglich ist. Deaktivieren Sie die Option, um nur Leerraum zu entfernen und Werte zu kürzen.
Lizenzkommentare beibehalten
Behält Kommentare, die mit /*! beginnen – die übliche Schreibweise für Lizenzhinweise.

Beispiele

a { color: #ff0000; }
/* Notiz */
a { margin: 0px; }

wird zu a{color:red;margin:0} minifiziert.

Häufig gestellte Fragen

Was wird gekürzt?

Farben (#ff0000 → red, #ffffff → #fff), Nullwerte mit Einheit (0px → 0), überflüssige Semikolons und Anführungszeichen sowie Leerraum. Mit aktivierter Umstrukturierung werden doppelte Regeln zusammengeführt.

Kann die Umstrukturierung das Aussehen meiner Seite verändern?

CSSO verschiebt Deklarationen nur, wenn das Ergebnis der Kaskade gleich bleibt. Wenn Sie ungewöhnliche Hacks verwenden, vergleichen Sie das Ergebnis oder deaktivieren Sie die Umstrukturierung.

Wird mein Code hochgeladen?

Nein. Die Minifizierung läuft in Ihrem Browser.

Datenschutz

Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.

Ähnliche Tools