100 % lokal — Ihre Daten verlassen nie Ihren Browser

CSS-Minifier — Bytes weniger auf der Seite

Leerraum aus CSS entfernen. Zeichenketten, url()-Inhalte und /*!-Lizenzkommentare bleiben — das Stylesheet wird leichter und rendert genauso.

Sofort Privat Null Cookies

CSS-Eingabe

CSS-Ausgabe

Was dieses Werkzeug tut

Aus lesbarem CSS wird das kleinste CSS, das sich gleich verhält.

a {
  margin: 0 auto;
  color: red;
}
a{margin:0 auto;color:red}

Der Leerraum um die Zeichensetzung geht, das letzte Semikolon vor einer schließenden Klammer geht, und der Rest bleibt genau, wie er war.

Lizenzkommentare bleiben

/*! normalize.css v8 | MIT License */
a { color: red }
/*! normalize.css v8 | MIT License */a{color:red}

Ein Kommentar, der mit /*! beginnt, ist die Konvention, die jeder Minifizierer achtet: er heißt „dieser ist keine Zierde“. Dort stehen die Lizenzhinweise, und eine Lizenz verlangt oft, dass sie mit dem Code reisen. Sie wurden mit dem Rest entfernt — ein echter Fehler, beim Schreiben dieser Seite gefunden und behoben. Gewöhnliche Kommentare gehen weiterhin, denn dafür sind Sie gekommen.

Die Leerzeichen, die etwas bedeuten, bleiben

  • In Zeichenketten. content: "a b" behält beide Leerzeichen: zwischen Anführungszeichen ist Leerraum ein Wert.
  • In url(). Eine URL ohne Anführungszeichen darf ein Leerzeichen, einen Schrägstrich oder ein Semikolon enthalten, und keines davon ist dort Syntax.
  • Um die Operatoren in calc(). calc(100% - 10px) ohne seine Leerzeichen ist nicht derselbe Ausdruck — er ist nicht mehr analysierbar.
  • Zwischen Selektoren. a b heißt „ein b in einem a“; a>b, a~b und a+b brauchen das Leerzeichen nicht und verlieren es.

Was er nicht tut

Das hier ist ein Leerraum-Minifizierer und sonst nichts. Er kürzt keine Farben, fasst keine Kurzschreibweisen zusammen, nimmt Nullen keine Einheit, führt keine doppelten Regeln zusammen und stellt nichts um. Solche Umformungen gehören einem Optimierer wie cssnano oder Lightning CSS, jede trägt ein Risiko, und keine ist der Grund, aus dem man ein Stylesheet in ein Feld auf einer Webseite einfügt.

Der CSS-Formatierer dieser Seite ist die Rückreise, für den Moment, in dem Sie die Datei wieder lesen wollen.

Datenschutz ab Werk

Alles läuft lokal in deinem Browser mit JavaScript. Deine Daten werden nie hochgeladen, wodurch das Tool auch für sensible Inhalte sicher ist und offline funktioniert.

Häufige Fragen

Werden meine Lizenzkommentare entfernt?
Nein, seit diese Seite geschrieben wurde nicht mehr. `/*! … */` — ein Kommentar, dessen erstes Zeichen ein Ausrufezeichen ist — ist die universelle Konvention für „diesen behalten“, und dort stehen die Lizenzhinweise. Sie wurden mit allem anderen entfernt, was still den Text aus dem Stylesheet nahm, der sagt, wem es gehört, und den eine Lizenz oft zu behalten verlangt. Gewöhnliche Kommentare gehen weiterhin.
Werden meine Farben und Werte gekürzt?
Nein. `#FFFFFF` bleibt `#FFFFFF`, und `margin: 10px 10px 10px 10px` wird nicht zu `10px` zusammengefasst. Das hier ist ein Leerraum-Minifizierer, kein Optimierer: jede dieser Umschreibungen ist ein Urteil über Ihr Stylesheet, und manche ändern das Verhalten. Was zurückkommt, ist Byte für Byte Ihr CSS, abzüglich des Raums zwischen den Token.
Ist er sicher mit `calc()` und Nachfahren-Selektoren?
Ja — der Raum, der etwas bedeutet, bleibt. `calc(100% - 10px)` braucht die Leerzeichen um das Minus, sonst ist der Ausdruck nicht mehr analysierbar, und `a b` ist ein Nachfahren-Selektor, wo `ab` ein Element wäre. Leerzeichen zwischen Wörtern bleiben; die um `{`, `}`, `:`, `;` und `,` sind die, die gehen.

Ähnliche Konverter