CSS minimieren

CSS, HTML und JavaScript verkleinern, ohne sie kaputt zu machen

Minimierter Code

Kommentare, Leerzeichen und Zeilenumbrüche werden entfernt. Namen und Werte bleiben unverändert, der Code funktioniert also genauso.

Alles geschieht in Ihrem Browser: Ihr Text wird nirgendwohin gesendet.

So minimieren Sie CSS

Schritt 1

CSS in das erste Feld einfügen

Schritt 2

Den minimierten Code und die gesparten Bytes ansehen

Schritt 3

Das minimierte CSS für Ihre Website kopieren

Was das Minimieren von CSS bewirkt

Leerzeichen, Zeilenumbrüche, Einrückungen und Kommentare machen ein Stylesheet für Menschen gut lesbar, doch Browser brauchen sie nicht. Fügen Sie Ihr CSS ein, und der minimierte Code erscheint beim Tippen, mit seiner Größe in Bytes und der Ersparnis. Entfernt wird nur, was nichts ändert: Das Leerzeichen in einem Nachfahrenselektor wie nav a bleibt, weil nava ein anderer Selektor wäre, ebenso die Leerzeichen, die calc() braucht. Kommentare, die mit /*! beginnen und meist eine Lizenz enthalten, bleiben erhalten.

Dasselbe Tool minimiert auch HTML und JavaScript: Wählen Sie die Sprache über dem Feld. Bei HTML löscht „Kommentare entfernen“ die Kommentare, und „Auch das CSS und JavaScript darin minimieren“ minimiert zusätzlich die Style- und Skriptblöcke der Seite. JavaScript wird zuerst von Ihrem Browser geprüft, und enthält der Code einen Fehler, zeigt das Tool ihn an, statt den Code zu minimieren. Minimieren ergänzt die gzip- oder Brotli-Kompression des Servers, da beide die Datei auf unterschiedliche Weise verkleinern. Ihr Code wird nirgendwohin gesendet.

Editoren
URL-DecoderURL-EncoderBase64-Encoder und -DecoderCaesar-VerschlüsselungROT13-Encoder und -DecoderJSON-Formatter und -ValidatorMarkdown-zu-HTML-KonverterHTML-Editor

War AnyTextEditor für Sie nützlich?

Hallo. Wir haben uns sehr bemüht, eine bequeme Website zu erstellen, die wir selbst verwenden. Wenn Ihnen eines unserer Tools und Editoren gefallen hat, fügen Sie es Ihren Lesezeichen hinzu, da es Ihnen mehr als einmal nützlich sein wird. Und vergessen Sie nicht, auf Social Media zu teilen. Wir werden besser für Sie sein.