CSS-Formatierer

Über CSS-Formatierung

Minimieren entfernt aus CSS Leerraum, Kommentare und überflüssige Zeichen, um die Dateigröße zu reduzieren. Formatieren erweitert es wieder in einen eingerückten Stil mit einer Regel pro Zeile, der sich leichter überblicken und bearbeiten lässt.

Das Minifizieren geht hier etwas über das Entfernen von Leerzeichen hinaus: Es schreibt auch Werte in ihre kürzeste gleichwertige Form um, sodass background-color: white zu background-color:#fff wird und color: #ff0000 zu color:red, je nachdem, was weniger Bytes braucht. Es analysiert nicht, welche Regeln auf einer Seite tatsächlich angewendet werden — das ist eine eigene Aufgabe namens „Entfernen ungenutzten CSS“ oder Tree-Shaking, die Ihr HTML und JavaScript kennen muss, um totes Gewicht zu erkennen, und dieses Tool behält jede geschriebene Regel bei. Eine Ausnahme bei Kommentaren: ein „Bang-Kommentar“, der mit /*! beginnt, wird bewusst erhalten, da dies die Konvention ist, mit der Build-Tools Lizenzhinweise vor dem Minifizieren schützen.

Wo Sie darauf treffen

• Ein Stylesheet vor der Bereitstellung in der Produktion verkleinern
• Eine minimierte CSS-Datei zum Lesen oder Bearbeiten zurückformatieren
• Aus dem Inspector-Panel des Browsers kopierte Styles aufräumen
• Formatierung vereinheitlichen, bevor ein CSS-Diff geprüft wird

Häufige Fragen

Ändert Minimieren das Aussehen meiner Seite?
Nein. Es werden nur Leerraum und Kommentare entfernt — jeder Selektor, jede Eigenschaft und jeder Wert bleibt exakt wie geschrieben.

Wird SCSS oder LESS unterstützt?
Nein, nur reines CSS. Kompilieren Sie SCSS oder LESS zuerst zu CSS.

Wird mein Stylesheet gespeichert?
Nein. Die Konvertierung erfolgt nur für diese eine Anfrage auf dem Server, danach wird nichts aufbewahrt.

Entfernt dieses Tool CSS-Regeln, die meine Seite gar nicht verwendet?
Nein. Das ist eine andere Aufgabe — meist „Entfernen ungenutzten CSS“ oder Tree-Shaking genannt —, die einen Abgleich Ihres CSS mit dem tatsächlichen HTML und JavaScript erfordert, um zu wissen, welche Selektoren je zutreffen. Dieses Tool entfernt nur Leerzeichen und überflüssige Syntax und kürzt Werte auf ihre kleinste gleichwertige Form; jede geschriebene Regel kommt am anderen Ende heraus, nur kompakter. Wenn ein Kommentar das Minifizieren überleben soll — etwa ein Lizenzhinweis —, beginnen Sie ihn mit /*! statt mit /*, dann bleibt er erhalten.