Zum Inhalt springen
Allin
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.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.CSV zu Markdown-TabelleWandle CSV in eine Markdown-Tabelle, Anführungszeichen inklusive: Ein Feld darf das Trennzeichen, einen Zeilenumbruch oder einen Pipe enthalten, ohne die Tabelle zu zerlegen. Komma, Semikolon (französisches Excel), Tab oder Pipe — erkannt oder erzwungen.

Öffne CSS-Minifizierer und du bekommst sofort eine Antwort — ohne Konto anzulegen. Sein Platz ist unter JSON, XML & Formate; JavaScript-Minifier / -Verschönerer und CSS-Verschönerer 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 ist das richtige, wenn es darum geht, 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?

CSS-Verschönerer ist das nächstliegende danach: Formatiere minifiziertes oder unordentliches CSS in saubere, eingerückte Regeln — oder minifiziere es.

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.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.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.AnleitungEine Markdown-Tabelle von Grund auf bauen, ohne Striche zu zählenDas Kleinste, das noch eine Tabelle ist, sind zwei Zeilen: eine Kopfzeile und eine Trennzeile. Hier steht, warum die zweite in GitHub Flavored Markdown Pflicht ist, wo Pipe-Tabellen überhaupt nicht existieren, und was ein Generator kann, was Tippen von Hand nicht kann.RatgeberEine Tabelle in einen Pull Request einfügen: was kaputtgeht und die zwei Zeichen, die es kaputtmachenEine Markdown-Tabelle verbietet in einer Zelle genau zwei Zeichen: den Pipe und den Zeilenumbruch. Hier steht, was jedes davon anrichtet, wie ein Konverter damit umgeht, warum das Escape in der richtigen Reihenfolge angewandt werden muss, und warum das Auffüllen nie zählt.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.