Was macht der CSS-Minifier?
Er komprimiert Cascading Style Sheets (CSS).
Browser-Werkzeug
CSS-Minifier
Verarbeitet Code mit CSS Minify und prüft die transformierte Ausgabe. Geben Sie Code ein, wählen Sie Verarbeitungsoptionen und kopieren Sie das Ergebnis.
Tool-Arbeitsbereich
Eingabe erforderlichIhre Eingabe bleibt in diesem Browser.
Fügen Sie die erforderliche Eingabe hinzu.
Ihr Ergebnis erscheint hier
Vervollständigen Sie die erforderliche Eingabe.
Direkte Antwort
Funktion von CSS-Minifier
Der CSS-Minifier reduziert Leerzeichen in einem Stylesheet. h1 { color: red; } wird zum Beispiel zu h1 {color: red;}. Er führt CSS nicht aus und prüft seine Browserdarstellung nicht.
Ergebnis
Was du erhältst
Gibt CSS-Text ohne HTML-Vorschau oder Browserkompatibilitätsbericht zurück.
Dieses Werkzeug verwenden
So verwendest du CSS-Minifier
- Fügen Sie h1 { color: red; } in die Eingabe ein.
- Lassen Sie Preserve comments für dieses Beispiel deaktiviert. Aktivieren Sie es für erforderliche Kommentare.
- Führen Sie das Tool aus und vergleichen Sie mit h1 {color: red;}. Testen Sie das Stylesheet auf der Zielseite.
Beispiel
Mit einem sicheren Beispiel testen
Eingabe: h1 { color: red; }
Einstellungen: CSS-Minifier: Preserve comments: deaktiviert.
Ergebnis: h1 {color: red;}
Dieses Beispiel beschreibt einen sicheren Test für den CSS-Minifier.
Häufige Anwendungen
Einsatzbereiche von CSS-Minifier
- Reduzieren Sie Leerzeichen vor dem Teilen einer kleinen CSS-Stichprobe.
- Vergleichen Sie ein Stylesheet vor und nach der Leerzeichenreduzierung.
- Bereiten Sie CSS für ein System vor, das kompakten Text erwartet.
Grenzen
Ergebnis prüfen
- CSS-Minifier: Die Operation validiert keine Selektoren, Eigenschaften oder Browserkompatibilität.
- CSS-Minifier: Die Ausgabe kann einige Leerzeichen behalten. Sie ist kein vollständiger Build-Optimierer.
- CSS-Minifier: Bewahren Sie erforderliche Lizenzkommentare und das Originalstylesheet. Testen Sie die Darstellung vor dem Ersetzen.