JSON Formatierer & Validator

Füge JSON ein, um es zu formatieren, zu minifizieren oder zu prüfen. Fehler werden mit genauer Zeile und Spalte und einer verständlichen Erklärung angezeigt — alles direkt im Browser.

Läuft im Browser
Einrückung
Datei öffnen
JSON einfügen oder Beispiel laden
Hier erscheint das formatierte JSON.

Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

So nutzt du: JSON Formatierer

  1. Füge dein JSON in das Feld JSON-Eingabe ein, zieh eine .json-Datei hinein oder klicke auf Beispiel laden.
  2. Die Ausgabe aktualisiert sich beim Tippen. Wähle Formatieren mit 2 Leerzeichen, 4 Leerzeichen oder Tabs — oder Minifizieren, um alle Leerzeichen zu entfernen.
  3. Ist das JSON ungültig, wird der Fehler mit Zeile und Spalte angezeigt. Ein Klick auf Zum Fehler springen markiert das genaue Zeichen in der Eingabe.
  4. Wechsle zur Ansicht Baum, um verschachtelte Daten zu erkunden; ein Klick auf einen Wert kopiert seinen Pfad (z. B. $.variants[0].color).
  5. Klicke auf Kopieren oder Herunterladen, um das Ergebnis zu speichern.

Was ist ein JSON-Formatierer?

Ein JSON-Formatierer (auch JSON-Beautifier oder Pretty-Printer) nimmt kompaktes oder unübersichtliches JSON und schreibt es mit einheitlichen Einrückungen und Zeilenumbrüchen neu, damit Menschen es lesen können. APIs liefern JSON meist minifiziert in einer einzigen Zeile, um Bytes zu sparen — das Formatieren ist der erste Schritt, wenn du eine Antwort debuggst, eine Konfigurationsdatei prüfst oder Dokumentation schreibst. Das Tool funktioniert auch umgekehrt: Minifizieren entfernt jedes überflüssige Leerzeichen und jeden Zeilenumbruch für die kleinstmögliche Datenmenge.

Formatieren und Validieren gehören zusammen. Der Formatierer liest deine Eingabe nach denselben strengen Regeln wie JSON.parse() — was er akzeptiert, akzeptiert jeder standardkonforme Parser (RFC 8259).

Häufige JSON-Fehler und wie du sie behebst

Schlägt das Parsen fehl, nennt der Validator die genaue Zeile und Spalte, markiert das Zeichen und erklärt das Problem. Diese Fehler findet er am häufigsten:

FehlerUngültigGültig
Komma am Ende[1, 2, 3,][1, 2, 3]
Einfache Anführungszeichen{'id': 1}{"id": 1}
Schlüssel ohne Anführungszeichen{id: 1}{"id": 1}
Kommentare{"a": 1 // note}Kommentar entfernen
Fehlendes Komma{"a": 1 "b": 2}{"a": 1, "b": 2}
Spezielle ZahlenNaN, Infinity, 01null, 1
Echter Zeilenumbruch im String"line 1⏎line 2""line 1\nline 2"

Vieles davon ist in JavaScript-Objektliteralen, JSON5 oder YAML erlaubt, aber nicht in JSON — eine häufige Fehlerquelle, wenn man Daten aus Quellcode kopiert.

Warnungen über die Syntax hinaus

Manches JSON ist technisch gültig, aber trotzdem riskant. Der Validator warnt vor doppelten Schlüsseln (die meisten Parser behalten stillschweigend nur den letzten Wert) und vor Ganzzahlen größer als 253 (9.007.199.254.740.991), die JavaScript nicht exakt darstellen kann — ein typisches Problem bei 64-Bit-Datenbank-IDs. Siehst du diese Warnung, übertrage solche IDs als Strings.

Formatieren oder minifizieren?

Formatiertes JSON eignet sich für alles, was Menschen lesen: Konfigurationsdateien in Git (damit Diffs zeilenweise funktionieren), Dokumentation und Debugging. Zwei Leerzeichen Einrückung sind in JavaScript-Projekten üblich, vier Leerzeichen typisch für Pythons json.dumps(indent=4). Minifiziertes JSON nutzt du für Netzwerk-Payloads und Speicherung. Gzip- oder Brotli-Komprimierung auf dem Server gleicht den Größenunterschied ohnehin weitgehend aus — bei Dateien im Repository gewinnt daher meist die Lesbarkeit.

Baumansicht und Sortierung

Bei großen Dokumenten kannst du in der Baum-Ansicht Objekte und Arrays zuklappen und die Anzahl der Einträge auf einen Blick sehen. Schlüssel sortieren ordnet die Schlüssel jedes Objekts auf allen Ebenen alphabetisch — praktisch, um zwei JSON-Dokumente im Diff Checker zu vergleichen, da eine abweichende Reihenfolge sonst unübersichtliche Diffs erzeugt. Brauchst du ein anderes Format? Wandle in YAML, CSV oder TypeScript-Typen um.

Passende Tools zu: JSON Formatierer

  • JavaScript Formatter — Unminify and pretty-print JavaScript, JSON or JSX with your preferred indentation and brace style — or strip whitespace and comments with a verified minifier.
  • Base64 Encode / Decode — Convert text to Base64 and back with full UTF-8 support (accents, emoji), switch to URL-safe Base64, or drop a file to get its Base64 string or data URI.
  • YAML to JSON — Paste YAML — a Compose file, Kubernetes manifest or CI config — and get formatted JSON.
  • CSV to JSON — Paste CSV or TSV and get a JSON array of objects.

Häufige Fragen

Wird mein JSON auf einen Server hochgeladen?
Nein. Parsen, Formatieren und Validieren laufen komplett per JavaScript in deinem Browser. Nichts wird gesendet oder gespeichert — also auch sicher für API-Antworten und Konfigurationsdateien mit internen Daten.
Warum lehnt der Validator Kommentare und Kommas am Ende ab?
Der JSON-Standard (RFC 8259) erlaubt sie nicht. Formate wie JSON5, JSONC (genutzt von VS-Code-Einstellungen und tsconfig.json) und YAML erlauben sie — ein strenger Parser wie JSON.parse() wirft jedoch einen Fehler.
Wie große Dateien kann ich formatieren?
Dateien mit mehreren Megabyte werden auf einem aktuellen Gerät in deutlich unter einer Sekunde formatiert. Bei sehr großen Ausgaben wird das Syntax-Highlighting automatisch abgeschaltet, damit die Seite flüssig bleibt.
Verändert das Formatieren meine Daten?
Nur Leerzeichen ändern sich — es sei denn, du aktivierst Schlüssel sortieren, das die Reihenfolge der Schlüssel ändert. Zwei Einschränkungen kommen von JavaScript selbst: Doppelte Schlüssel werden auf den letzten Wert reduziert, und Ganzzahlen über 253 verlieren an Genauigkeit. Das Tool warnt dich in beiden Fällen.
Was ist der Unterschied zwischen JSON und einem JavaScript-Objekt?
JSON ist ein Textformat mit strengeren Regeln: Schlüssel müssen Strings in doppelten Anführungszeichen sein, Strings nutzen nur doppelte Anführungszeichen, und Funktionen, undefined, Kommentare sowie Kommas am Ende sind nicht erlaubt.

Ähnliche Tools