CSS-Minimierer & Formatierer
Datenschutz by Design — läuft vollständig in Ihrem Browser
CSS im Browser minimieren oder verschönern. Toova entfernt Leerzeichen und Kommentare, um Stylesheets für den Produktionseinsatz zu verkleinern, oder formatiert minimiertes CSS leserlich für die Fehlersuche.
Zwei Modi, ein Arbeitsablauf
Der Minimierungsmodus entfernt jeden Kommentar, jeden überflüssigen Leerraum und jeden unnötigen Zeilenumbruch. Die Ausgabe ist funktional identisches CSS, aber typischerweise 20–40 % kleiner, was den First-Paint beschleunigt und die Übertragungsgröße reduziert. Der Verschönerungsmodus geht in die andere Richtung — er nimmt minimiertes CSS aus einem CDN, einem Framework-Bundle oder einem Drittanbieter-Widget und expandiert es in lesbare Form, damit Sie Selektoren und Eigenschaften prüfen können.
Konfigurierbare Formatierung
Wählen Sie 2-Leerzeichen-, 4-Leerzeichen- oder Tabulator-Einrückung für die verschönerte Ausgabe. Entscheiden Sie, ob Kommentare erhalten bleiben sollen (nützlich für Header-Banner und Lizenzzeichenketten) oder vollständig entfernt werden. Der Minimierer erhält CSS-Variablen und Selektoren wortgetreu, sodass benutzerdefinierte Eigenschaftsnamen und Animations-Keyframes den Durchlauf überstehen. Hersteller-Präfixe werden unverändert beibehalten.
Nur lokal
Jeder Minimierungs- und Verschönerungsvorgang läuft in Ihrem Browser. Das eingefügte CSS — ob proprietäre Stylesheets aus Ihrem Design-System oder Drittanbieter-Code, den Sie prüfen — verlässt die Seite nie. Der Netzwerk-Tab bleibt während der Verarbeitung leer, und die Seite funktioniert nach dem ersten Laden auch offline.
Häufig gestellte Fragen
- Wie viel kleiner wird minimiertes CSS?
- Typischerweise 20–40 % kleiner als das Original nach gzip. Die Einsparungen entstehen durch Entfernen von Kommentaren, Leerzeichen und überflüssigen Nullwerten. Moderne Build-Pipelines erledigen das automatisch, aber ein manuelles Werkzeug ist für einzelne Schnipsel nützlich.
- Bricht die Minimierung mein CSS?
- Nein. Der Minimierer erhält jede Regel, jede Eigenschaft und jeden Wert wortgetreu. Er entfernt nur Leerzeichen und Kommentare. CSS-Variablen, Animationen und Hersteller-Präfixe bleiben unverändert.
- Kann ich CSS von einem CDN verschönern?
- Ja. Fügen Sie das minimierte CSS ein, und Toova expandiert es in lesbare Form mit konsistenter Einrückung. Nützlich, um zu prüfen, was ein Drittanbieter-Widget tatsächlich macht, oder um die kompilierte Ausgabe eines Frameworks zu debuggen.
- Werden Kommentare beibehalten?
- Das ist umschaltbar. Standardmäßig entfernt die Minimierung Kommentare, um maximale Einsparungen zu erzielen. Sie können Lizenz-Header und andere wichtige Kommentare beibehalten, indem Sie die Option zum Erhalten von Kommentaren aktivieren.
- Wird mein CSS irgendwohin gesendet?
- Nein. Die Verarbeitung läuft vollständig in Ihrem Browser. Nichts wird hochgeladen oder protokolliert.