Zum Inhalt springen
OneKitly
Registrieren · Anmelden

CSS-Minifizierer

Verkleinere CSS, indem du Kommentare und unnötige Leerzeichen entfernst.

Ähnliche Tools

Alle Tools: JSON, XML & Formate →
JavaScript-Minifier / -VerschönererMinifiziere oder verschönere JavaScript im Browser, mit einem Tokenizer, der Strings, Regex und Kommentare beachtet.JSON-Formatierer, -Minifier und -ValidatorJSON formatieren, verschönern oder minifizieren — mit Sofortprüfung.CSS-VerschönererFormatiere minifiziertes oder unordentliches CSS in saubere, eingerückte Regeln — oder minifiziere es.CSS-Box-Shadow-GeneratorStell einen CSS-Box-Shadow mit Live-Vorschau ein und kopiere den Code — Versatz, Weichzeichnung, Ausbreitung, Farbe, Inset.CSS-KompressorMinifiziere CSS durch Entfernen von Kommentaren und Leerraum, um die Stylesheet-Größe zu senken.CSS-Flexbox-SpielplatzExperimentiere mit flex-direction, wrap, justify-content, align-items und gap — Live-Vorschau und kopierbarem CSS.CSS-Grid-GeneratorBau ein CSS-Grid-Layout visuell — Spalten, Zeilen, Abstände und Ausrichtung — mit Live-Vorschau und kopierbarem CSS.CSV-zu-JSON-KonverterParse CSV-Text (mit Kopfzeile) in ein JSON-Array von Objekten und behandle zitierte Felder. Lege eine Datei ab, statt sie einzufügen — sie wird im Browser gelesen und nie hochgeladen.

Öffne CSS-Minifizierer und du bekommst sofort eine Antwort — ohne Konto anzulegen. Sein Platz ist unter JSON, XML & Formate; JavaScript-Minifier / -Verschönerer und JSON-Formatierer, -Minifier und -Validator beantworten die nächstliegenden Fragen.

So funktioniert's

  1. Öffne das Tool — ohne Anmeldung oder Installation.
  2. Gib deine Daten ein oder passe die verfügbaren Optionen an.
  3. Erhalte dein Ergebnis sofort und kopiere oder lade es herunter.

Häufige Fragen

Wofür ist CSS-Minifizierer da?

Verkleinere CSS, indem du Kommentare und unnötige Leerzeichen entfernst.

Wann brauche ich das konkret?

Einen maschinell erzeugten Block lesbar machen, das Zeichen finden, an dem das Parsen scheitert, und eine Datei vor dem Ausliefern verkleinern.

Was ist der häufigste Fehler?

Gültig mit richtig verwechseln. Ein Dokument kann fehlerfrei parsen und dennoch die falsche Struktur für seinen Leser haben — Validierung prüft die Syntax, nicht das Schema.

Worin unterscheidet sich CSS-Minifizierer von JavaScript-Minifier / -Verschönerer?

Sie liegen nah beieinander, beantworten aber verschiedene Fragen. JavaScript-Minifier / -Verschönerer: minifiziere oder verschönere JavaScript im Browser, mit einem Tokenizer, der Strings, Regex und Kommentare beachtet. Nimm das, was zu deinem Ausgangspunkt passt — beide sind kostenlos.

Gibt es ein Werkzeug für den nächsten Schritt?

JSON-Formatierer, -Minifier und -Validator ist das nächstliegende danach: JSON formatieren, verschönern oder minifizieren — mit Sofortprüfung.

Woher stammen die Daten?

Parsen und Serialisieren folgen der Spezifikation des jeweiligen Formats. Schlüsselreihenfolge und Leerraum sind in JSON und YAML semantisch bedeutungslos — ein neu formatiertes Dokument bleibt äquivalent.

Zum Weiterlesen

Alle Ratgeber →
RatgeberVerschönern oder minifizieren: wofür beides gut ist und was es am Gewicht ändertVier echte Stylesheets durch den Minifier, roh und nach gzip gemessen. Alle Leerzeichen zu entfernen sparte 48, 103, 104 und 147 komprimierte Bytes; die Kommentare zu entfernen 57, 1 358, 2 420 und 1 042. Dazu die fünf Eingaben, an denen dieser Minifier scheitert.RatgeberWas ein Minifier entfernen darf und was nichtMinifizierung muss die Bedeutung erhalten, und interessant ist der Leerraum, der Bedeutung trägt: der Nachfahrenkombinator, die Leerzeichen in calc(), der Abstand zwischen zwei Inline-Elementen. Hier an echten Dateien gemessen, samt dem, was Brotli ohnehin gespart hätte.RatgeberEine Tabelle transponieren, deren Zeilen Spalten hätten sein sollenWas aus der Kopfzeile wird, was aus ungleich langen Zeilen wird, was aus Typen wird — und die eine Sache, mit der Transponieren regelmäßig verwechselt wird und die es nicht kann.ErklärungXML zu JSON: Attribute, Wiederholung und die Falle des einelementigen ArraysZwei Dokumente, die sich nur in der Zahl der Kinder unterscheiden, ergeben zwei verschiedene JSON-Formen, und ohne Schema kann kein Konverter sie auseinanderhalten. Dazu, was dieser wirklich mit Attributen, gemischtem Inhalt und Leerraum macht — und das Einzige, was er weiterhin nicht festhalten kann.ErklärungCSV zu JSON: die fünf Fälle, an denen jeder Konverter scheitertTrennzeichen in Anführungszeichen, eingebettete Zeilenumbrüche, mehrdeutige Typen, doppelte Spaltennamen und Kodierung. Jeder Fall lief durch den Konverter, und die exakte Ausgabe steht hier — auch die beiden, die er nicht rettet.VergleichJSON vs. XML: Was ist der Unterschied?JSON und XML speichern beide strukturierte Daten als Text, aber mit anderen Kompromissen. Hier steht, wie jedes aussieht, wo jedes gewinnt und wie du wählst.