CSS minifizieren
Fügen Sie ein Stylesheet ein und erhalten Sie das kleinstmögliche gleichwertige CSS, mit der genauen Größenersparnis.
Auf diesem Gerät versiegelt
Läuft in Ihrem Browser. Nichts wird hochgeladen.
Versiegelt
Minifiziertes CSS
Ihr minifiziertes CSS erscheint hier, während Sie tippen.
So funktioniert es
-
CSS einfügen
Fügen Sie ein Stylesheet ein oder öffnen Sie eine .css-Datei. Die Minifizierung startet beim Tippen.
-
Umfang wählen
Das Zusammenführen von Regeln ergibt die kleinste Datei. Schalten Sie es aus, wenn die Reihenfolge Ihrer Regeln genau so bleiben muss, wie sie geschrieben ist.
-
Kopieren oder herunterladen
Sehen Sie die Größe vorher und nachher, auch mit gzip, und kopieren Sie dann das Ergebnis oder laden Sie eine .min.css-Datei herunter.
Häufige Fragen
Wird mein CSS hochgeladen?
Nein. Die Minifizierung läuft in Ihrem Browser mit der Open-Source-Engine CSSO. Ihr Stylesheet verlässt nie Ihr Gerät.
Was entfernt die Minifizierung?
Leerraum, Zeilenumbrüche, Kommentare, das letzte Semikolon jedes Blocks sowie überflüssige Nullen und Einheiten. Farben werden gekürzt, aus #ff0000 wird zum Beispiel red, und doppelte Deklarationen fallen weg.
Was bewirkt „Regeln zusammenführen und umordnen“?
Regeln mit gemeinsamen Selektoren oder Deklarationen werden kombiniert und verschoben, wenn das gefahrlos möglich ist. Das spart oft die meisten Bytes. Wenn Ihre Styles auf eine ungewöhnliche Kaskadenreihenfolge angewiesen sind, schalten Sie es aus, damit die Struktur wie geschrieben bleibt.
Warum /*!-Kommentare behalten?
Kommentare, die mit /*! beginnen, enthalten meist einen Lizenz- oder Copyright-Hinweis, der beim Code bleiben muss. Alle anderen Kommentare werden entfernt.
Was ist die gzip-Größe?
Webserver komprimieren CSS in der Regel vor dem Senden. Der gzip-Wert, gemessen in Ihrem Browser, zeigt ungefähr, wie viele Bytes tatsächlich über das Netzwerk übertragen werden.