Zum Inhalt springen
QuickToolio
esEspañolenEnglishptPortuguêsfrFrançaisdeDeutschitItaliano

CSS minifizieren

Entfernen Sie überflüssige Kommentare und Leerzeichen aus CSS, um es vor der Veröffentlichung zu verkleinern.

Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.

Entfernt Kommentare und Leerraum rund um Klammern, Doppelpunkte und Semikolons und verkleinert die Datei, ohne die angewendeten Stile zu ändern.

Anwendungsfälle

  • Ein Stylesheet vor dem Hochladen auf die Website verkleinern.
  • CSS kompakt in eine Seite oder E-Mail einbetten.
  • Entwicklungskommentare vor dem Veröffentlichen entfernen.

So funktioniert's

  1. 1

    CSS einfügen

    Geben Sie den formatierten CSS-Code ein oder fügen Sie ihn ein.

  2. 2

    Minifizieren

    Klicken Sie auf „Minifizieren“ und kopieren oder laden Sie das kompakte Ergebnis herunter.

Technische Details

  • Entfernt werden Kommentare, Leerzeichen rund um { } : ; , und das letzte Semikolon jedes Blocks. Beispiel: „.a { margin : 0 auto ; }“ → „.a{margin:0 auto}“.
  • Text in Anführungszeichen bleibt unverändert (etwa in content: "…" oder url("…")).
  • Farben werden nicht gekürzt, Regeln nicht zusammengeführt und ungenutzte Selektoren nicht entfernt: Es ist eine Leerraum-Reduktion, keine vollständige Optimierung wie mit cssnano.
  • Ein Leerzeichen vor einem Doppelpunkt im Selektor (a :hover, in CSS „Nachfahre im Hover-Zustand“) wird entfernt und ändert die Bedeutung; das ist selten, prüfen Sie es aber, falls Sie es nutzen.

Häufige Fragen

Kann es mein CSS beschädigen?

Die Minifizierung ist zurückhaltend (sie entfernt nur Leerraum und Kommentare und lässt Zeichenketten unverändert), prüfen Sie das Ergebnis vor der Veröffentlichung aber trotzdem kurz.

Ähnliche Tools

← Web & SEO