CSS-Minifizierer

Komprimieren Sie CSS in kompakte Stylesheets, ohne die Regeln neu anzuordnen.

Eingabe
Ausgabe
0 Zeichen 0 Zeilen

Verkleinern Sie CSS unter Beibehaltung der Kaskade

CSS-Minifizierer entfernt vermeidbare Leerzeichen, Kommentare und Formatierungen, sodass Stylesheets weniger Platz beanspruchen. Es ist nützlich für schnelle Snippets, eingebettete Stile, Beispiele und statische Assets, die keine vollständige Build-Pipeline benötigen.

Bei der CSS-Minimierung müssen Selektorreihenfolge, Deklarationsreihenfolge, Spezifität, Kaskadenebenen, benutzerdefinierte Eigenschaften und die Regelstruktur erhalten bleiben. Das Neuordnen oder Zusammenführen von Regeln kann berechnete Stile verändern, daher konzentriert sich dieses Tool auf kompakten Text und nicht auf riskante Optimierung.

Anleitung

  1. Fügen Sie Ihren CSS-Code in den Eingabeeditor ein.
  2. Klicken Sie auf Minifizieren CSS, um vermeidbare Formatierungen und Kommentare zu entfernen.
  3. Überprüfen Sie die Ausgabe, um zu bestätigen, dass die Regelreihenfolge, die At-Regeln und die benutzerdefinierten Eigenschaften erhalten bleiben.
  4. Verwenden Sie Kopieren für die Zwischenablage, Herunterladen für eine Datei oder Leeren zum Zurücksetzen.

Was ist CSS-Minifizierer?

CSS-Minifizierer ist ein browserbasiertes Dienstprogramm zum Umwandeln von lesbarem CSS in ein kleineres Stylesheet. Es behält die gleichen Regeln und Deklarationen bei und entfernt gleichzeitig Formatierungszeichen, die Browser nicht benötigen.

Einige Kommentare sind aussagekräftig, beispielsweise Lizenzbanner oder Build-Tool-Anmerkungen. Behalten Sie eine lesbare Quelldatei bei und überprüfen Sie das minimierte CSS visuell auf den Seiten, die es verwenden.

Eingabehinweise

Nur CSS einfügen. Wenn Ihr Projekt eine automatische Präfixierung, Quellzuordnungen, die Entfernung nicht verwendeter CSS oder eine erweiterte Zusammenführung benötigt, führen Sie die Ausgabe über Ihren normalen Build- und Browsertestprozess aus.

Beispiel

Ein kurzes Stylesheet wird komprimiert, indem der Kommentar entfernt und Leerzeichen formatiert werden:

--- Formatted Input ---
/* Main styles */
body {
  margin: 0;
  padding: 0;
}

--- Minified Output ---
body{margin:0;padding:0;}

MCP-Integration

MCP (Model Context Protocol) ermöglicht KI-Agenten und Apps, Coding.Tools-Werkzeuge zu entdecken und für wiederholbare Konvertierungs-, Formatierungs-, Hashing- und Generierungsabläufe auszuführen.

MCP-Toolname: css-minifier

MCP-Endpunkt: https://coding.tools/mcp

Rufen Sie zuerst tools/list auf. Jeder Tool-Eintrag enthält inputSchema, outputSchema und examples, damit ein KI-Agent oder Client gültige Argumente ohne Raten erstellen kann.

Bei tools/call lesen Sie result.content[0].text für den Anzeigewert und result.structuredContent für maschinelles Parsen. Tool-Fehler liefern isError: true; Protokollfehler liefern einen JSON-RPC error.

Beispiel für eine tools/call-Anfrage:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n  color: white;\n  background: #3366cc;\n  padding: 8px 12px;\n}"}}}'

Die meisten Text- und Datentools akzeptieren eine input-Zeichenkette sowie optionale options. Bildtools, die Browser-Bild-APIs benötigen, werden zur Erkennung aufgelistet und geben bei Bedarf einen Link zur Weboberfläche zurück.