Zum Inhalt springen

CSS Minifier

CSS verkleinern, ohne Lizenzhinweise oder calc()-Ausdrücke zu beschädigen.

Optionen
Läuft im Browser – Ihr CSS wird nicht hochgeladen.

So funktioniert’s

  1. Fügen Sie Ihren CSS-Code in das Eingabefeld ein.
  2. Lassen Sie „Kommentare entfernen“ aktiviert, um gewöhnliche Kommentare zu löschen. Mit „/*! */-Kommentare behalten“ bleiben Lizenzhinweise erhalten.
  3. Aktivieren Sie bei Bedarf „Werte kürzen“. „Letztes Semikolon entfernen“ ist standardmäßig an; deaktivieren Sie die Option, wenn jede Deklaration mit Semikolon enden soll.
  4. Kopieren Sie das Ergebnis aus dem Ausgabefeld. Bei Eingaben über 200 KB klicken Sie zuerst auf „CSS minifizieren“ oder drücken Strg+Enter bzw. Cmd+Enter.

Beispiele

Lizenzhinweis im Vereins-Stylesheet behalten

Eingabe
/*! MIT */
/* Navigation der Vereinswebsite */
.navigation {
  display: flex;
  gap: 1rem;
}
.navigation > a {
  color: #245678;
}
Ausgabe
/*! MIT */
.navigation{display:flex;gap:1rem}.navigation>a{color:#245678}

Farb- und Zahlenwerte einer Produktkarte kürzen

Eingabe
.produktkarte {
  color: #FFFFFF;
  margin: 0px 0.50em 10.0px;
  opacity: 0.80;
  flex: 1 1 0px;
}
Ausgabe
.produktkarte{color:#fff;margin:0 .5em 10px;opacity:.8;flex:1 1 0px;}

Tipps

Häufige Fragen

Wird mein CSS auf einen Server hochgeladen?

Die Minifizierung läuft in Ihrem Browser; der CSS-Code wird nicht hochgeladen oder gespeichert. Gespeichert werden nur Ihre Optionseinstellungen. Die Seite nutzt Google Analytics für Nutzungsereignisse, übermittelt dabei aber keinen CSS-Code.

Bleiben calc()-Ausdrücke beim Minifizieren gültig?

Die erforderlichen Leerzeichen um Operatoren in calc(), min(), max() und clamp() bleiben erhalten. Inhalte von Strings und url() werden nicht verändert.

Welche CSS-Dateien kann ich hochladen?

Sie können Dateien mit den Endungen .css und .txt bis 10 MB hochladen. Größere Dateien müssen Sie vorher aufteilen.

Werden doppelte CSS-Regeln und Fallbacks entfernt?

Doppelte Selektoren werden nicht zusammengeführt, und wiederholte Deklarationen bleiben als Fallbacks erhalten. Die Reihenfolge von Regeln und Deklarationen bleibt unverändert.

Warum zeigt der CSS Minifier keine Ersparnis an?

Wenn das Ergebnis nicht kleiner als die Eingabe ist, erscheint ein Hinweis, dass nichts mehr zu entfernen ist. Das Ergebnis wird trotzdem angezeigt.