CSS Minifier
Komprimieren Sie CSS-Code durch Entfernen von Kommentaren, überflüssigen Leerzeichen und abschließenden Semikolons vor Klammern.
Tool ausführen
Dieses Tool komprimiert Stylesheets online und reduziert die Dateigröße von CSS-Quelltext. Beim Bereinigen entfernt das Werkzeug alle Kommentare in der Form /* ... */ sowie überflüssige Leerzeichen. Abstände um geschweifte Klammern, Doppelpunkte, Semikolons und Kommas werden gelöscht. Mehrere aufeinanderfolgende Leerzeichen fasst das System zu einem einzelnen Leerzeichen zusammen. Führende sowie nachfolgende Leerstellen an den Zeilenrändern schneidet die Verarbeitung ab. Zusätzlich entfernt das Tool das letzte Semikolon direkt vor einer schließenden geschweiften Klammer, da dieses Zeichen in CSS optional ist. Nach der Umwandlung sehen Sie den bereinigten Code zusammen mit einer statistischen Auswertung. Diese Übersicht zeigt Ihnen die ursprüngliche Zeichenanzahl, die neue Textlänge, die absolute Differenz und die prozentuale Ersparnis mit einer Nachkommastelle an. Wenn Sie das Eingabefeld leer lassen, gibt das Werkzeug eine leere Ausgabe mit null Zeichen zurück. So optimieren Sie Stylesheets schnell für den praktischen Einsatz in Webprojekten.
Anleitung
- Fügen Sie Ihren CSS-Code in das Textfeld ein oder tippen Sie die Regeln manuell ein.
- Klicken Sie auf Ausführen, um die Formatierung zu bereinigen.
- Kopieren Sie den komprimierten CSS-Text aus dem Ergebnisfeld.
- Prüfen Sie bei Bedarf die angezeigten Werte für Textlänge und Ersparnis.
Beispiele
- Aus /* Layout */ header { margin: 10px 20px; color: #333; } wird header{margin:10px 20px;color:#333}
- Aus body { font-size: 16px; line-height: 1.5; } wird body{font-size:16px;line-height:1.5}
FAQ
Werden Kommentare im CSS-Code gelöscht?
Ja, alle Blockkommentare in der Form /* Kommentar */ werden bei der Ausführung vollständig entfernt.
Was passiert mit Semikolons am Ende einer Regel?
Ein Semikolon, das unmittelbar vor einer schließenden geschweiften Klammer steht, wird entfernt, da es in CSS an dieser Stelle optional ist.
Was geschieht bei einer leeren Eingabe?
Wenn kein Text eingegeben wird, bleibt das Ergebnisfeld leer und die Längenstatistik zeigt null Zeichen an.
Welche Statistiken liefert das Werkzeug?
Das Tool berechnet die ursprüngliche Zeichenanzahl, die bereinigte Zeichenanzahl, den absoluten Unterschied sowie die relative Ersparnis in Prozent mit einer Nachkommastelle.