CSS-/JS-Minifier
Fügen Sie ein Stylesheet oder ein Skript ein, um Kommentare und Leerraum zu entfernen und es zu verkleinern. Sie sehen die Größe vorher und nachher, und Syntaxfehler werden mit Zeile und Spalte angezeigt.
EINGABE
AUSGABE
Läuft vollständig in Ihrem Browser. Ihre Eingaben werden an keinen Server gesendet.
So minifizieren Sie CSS oder JavaScript
CSS oder JavaScript wählen
Wählen Sie die Sprache oder öffnen Sie eine .css- oder .js-Datei, dann wird sie automatisch gewählt.
Code einfügen
Der minifizierte Code und die Ersparnis erscheinen beim Tippen. Beheben Sie jeden Fehler, auf den die Meldung hinweist.
Kopieren oder herunterladen
Kopieren Sie das Ergebnis oder laden Sie es als .min.css- oder .min.js-Datei herunter.
Was entfernt wird
Bei CSS: Kommentare, überflüssiger Leerraum, das letzte Semikolon in jedem Block und leere Regeln. Zahlen verlieren unnötige Nullen (0.50 wird zu .5), und Farben wie #FFFFFF werden zu #fff. Selektoren und Verschachtelung bleiben erhalten, und Werte von Custom Properties verlieren nur überflüssige Leerzeichen. JavaScript wird mit der Open-Source-Bibliothek Terser komprimiert, die auf Wunsch auch lokale Variablennamen kürzt.
Ein lesbares Original behalten
Minifizierter Code ist für die Auslieferung gedacht, nicht zum Bearbeiten. Behalten Sie das Original in Ihrem Projekt und minifizieren Sie eine Kopie, idealerweise als Teil Ihres Builds. Kommentare, die mit /*! beginnen, sind Urheberrechtshinweise und bleiben erhalten, sofern Sie das nicht ausschalten.
Häufige Fragen
Kann das Minifizieren meinen Code beschädigen?
Der CSS-Minifier entfernt nur, was die Wirkung der Styles nicht verändern kann. Terser ist in Build-Tools weit verbreitet, aber Code, der sich auf Funktionsnamen verlässt oder seinen eigenen Quelltext liest, kann sich nach dem Kürzen der Namen anders verhalten. Deaktivieren Sie im Zweifel „Variablennamen kürzen“.
Kommt das Tool mit modernem JavaScript zurecht?
Ja. Klassen, Optional Chaining, async-Funktionen und Module mit import und export werden unterstützt. Code mit Top-Level-await wird als Modul minifiziert.
Wird mein Code hochgeladen?
Nein. Beide Minifier laufen in Ihrem Browser. Der JavaScript-Minifier wird heruntergeladen, wenn Sie zum ersten Mal JavaScript minifizieren.