Stimmt etwas mit diesem Tool nicht?
Über „CSS Minifizieren Online“
Dieses Tool minifiziert CSS durch Entfernen unnötiger Leerzeichen, Kommentare und überflüssiger Syntax. Funktional identisch, oft 30–50% kleiner — schnellere Ladezeiten, weniger Bandbreite.
Typische Optimierungen: Whitespace und Kommentare entfernen, Hex-Farben kürzen (#FFFFFF → #FFF), gleiche Deklarationen zusammenfassen, 0px → 0.
Vor dem Production-Deploy ausführen; Source Maps helfen beim Debuggen.
So nutzt du dieses Tool
CSS-Stylesheet für die Produktion komprimieren
CSS einfügen
Komplettes Stylesheet (oder Block) ins Feld «CSS». Kommentare, Zeilenumbrüche und Einrückungen werden entfernt; Strings und url()-Literale bleiben unangetastet.
Ausführen
Ergebnis: Feld `minified` plus `savedPercent` (Output vs. Input). Übliche Einsparung: 20–40 % bei handgeschriebenem CSS, weniger bei bereits optimierten Frameworks.
Was entfernt wird
Blockkommentare (`/* … */`) und unsicherer Whitespace (um `{ } : ; ,`). Abschließende `;` vor `}` werden je nach Minifier behalten (sicherer für ältere Parser) oder entfernt — bei byte-genauen Anforderungen prüfen.
Einschränkungen
Keine Zusammenführung doppelter Selektoren, keine Farbkürzung (`#ffffff` bleibt, statt `#fff` zu werden), keine Umsortierung. Für aggressivere Minifikation csso oder lightningcss in den Build einbinden.