JSON-Formatierer

JSON verschönern, minimieren oder validieren

JSON einfügen

Formatiertes JSON

134.0 B

{

"name": "Ada",

"age": 30,

"skills": [

"js",

"ts"

"address": {

"city": "İstanbul",

"zip": "34000"

}

So funktioniert es

JSON-Formatierer — JSON verschönern, minimieren oder validieren. Alle Verarbeitung erfolgt in deinem Browser — kein Upload, keine Anmeldung, keine E-Mail. Für immer kostenlos.

Zuletzt aktualisiert: 2026-05-06

Editor's note

Die Version, die wir am häufigsten benutzen, ist um 1 Uhr nachts während eines Stripe-Webhook-Debuggings entstanden. Der bekannte Formatter, den wir jahrelang verwendet hatten, war offline, und die nächsten beiden wollten einen Login, bevor wir ein Payload einfügen durften, das offensichtlich PII enthielt. Kundendaten in die Textbox eines Fremden zu kippen, nur um herauszufinden, warum eine Zahlung scheiterte, fühlte sich in dem Moment, in dem wir es bewusst dachten, völlig irrsinnig an. Wir klappten den Laptop zu, öffneten ihn am nächsten Morgen und bauten unseren – offline-first, sodass er im Flugzeug funktioniert und nie einen Server sieht.

Der Validator ist der Teil, der uns wirklich wichtig ist. Die meisten Formatter "reparieren" stillschweigend hängende Kommas oder einfache Anführungszeichen, sodass du eine Config ausrollst, die im Formatter valide aussieht und in dem Moment bricht, in dem ein strenger Parser sie anfasst. Wir bleiben absichtlich strikt nach Spec und zeigen dir das genaue Zeichen, an dem das Parsen scheiterte. Wer nachsichtiges JSON5 will, ist im falschen Tool – wir finden den Bug lieber hier als in Produktion.

Über JSON-Formatierer

Der JSON Formatierer verschönert, minimiert und validiert JSON-Daten direkt im Browser. Egal, ob du hübsch formatiertes JSON für ein Code-Review brauchst oder eine einzeilige minimierte Variante für eine Konfigurationsdatei — das Tool erledigt es sofort, ohne Daten an einen Server zu senden.

Backend-Entwickler fügen API-Antworten ein, um deren Struktur zu inspizieren, QA-Ingenieure prüfen Webhook-Payloads und Datenanalysten bereinigen exportiertes JSON, bevor sie es in ein Skript importieren. Der Vollbildmodus ist besonders praktisch beim Durchgehen tief verschachtelter Objekte.

Der Validator zeigt Parse-Fehler mit klarer Meldung an, sodass du fehlerhaftes JSON schnell reparieren kannst — perfekt, um ein fehlendes Komma oder ein nicht escaptes Anführungszeichen aufzuspüren.

So verwenden Sie JSON-Formatierer

Füge dein JSON links in den Eingabebereich Paste JSON ein.
Klicke Beautify zum Verschönern oder Minify, um es auf eine Zeile zu reduzieren.
Wähle eine Einrückung — 2 Leerzeichen, 4 Leerzeichen oder einzeilig — passend zum Stil deines Projekts.
Wenn die Eingabe fehlerhaft ist, lies die rote Fehlermeldung, um das Parse-Problem zu finden, und korrigiere es in der Eingabe.
Klicke Copy in der Ausgabe Formatted JSON, um das Ergebnis in die Zwischenablage zu legen, oder öffne den Vollbildmodus für mehr Übersicht.

Häufige Anwendungsfälle

Eine ausführliche REST-API-Antwort durch Reformatierung in eine lesbare, eingerückte Struktur prüfen.
Konfigurationsdateien (package.json, tsconfig.json, App-Manifeste) durch Minimieren oder Normalisieren der Einrückung vorbereiten.
Validieren, dass ein Webhook-Payload die erwartete JSON-Form hat, bevor er an dein Backend weitergeleitet wird.
Postman- oder curl-Ausgaben säubern, um sie in Bug-Reports oder Pull Requests einzufügen.
Whitespace aus JSON entfernen, bevor es in ein HTML-data-Attribut oder eine Umgebungsvariable eingebettet wird.

Tipps und häufige Fehler

Wenn du eine Fehlermeldung wie "Unexpected token } in JSON at position 142" siehst, liegt das Problem meist an einem nachgestellten Komma kurz vor der Klammer.
JSON-Schlüssel müssen in doppelte Anführungszeichen — einfache Anführungszeichen sind ein häufiger JavaScript-vs-JSON-Fehler.
Bei sehr großen Payloads (im Megabyte-Bereich) nutze den Vollbildmodus und navigiere mit den Collapse-Pfeilen statt zu scrollen.
Minimierte Ausgaben sind super zur Speicherung, aber vor einem git commit immer wieder verschönern, damit Diffs lesbar bleiben.

Häufig gestellte Fragen

Validiert es mein JSON?

Ja. Bei ungültiger Eingabe siehst du eine rote Fehlermeldung mit Parser-Details, und es wird keine Ausgabe gezeigt.

Unterstützt es Kommentare oder nachgestellte Kommas?

Nein. Nur striktes JSON — Kommentare und Trailing-Kommas sind laut Spezifikation nicht erlaubt. Nutze JSON5 falls nötig.

Kann ich große Objekte einklappen, um mich auf einen Bereich zu konzentrieren?

Ja. Klicke das Chevron neben jedem Objekt oder Array zum Einklappen. Vollbild-Modus gibt maximalen Platz für große Payloads.

Verändert das Verschönern die Bedeutung meiner Daten?

Nein. Beautify und Minify ändern nur Whitespace; das geparste Objekt ist identisch. Zahlen, Strings und Schlüsselreihenfolge bleiben wie sie waren.

Warum lässt sich mein JSON mit NaN oder Infinity nicht parsen?

Die JSON-Spezifikation erlaubt weder NaN, Infinity noch undefined als Werte — diese sind JavaScript-spezifisch. Ersetze sie durch null oder verpacke sie als Strings, wenn du sie über ein Nicht-JS-System hin- und herreichen willst.

Kann ich die Schlüssel alphabetisch sortieren?

Nicht direkt in diesem Tool. Nach dem Verschönern fügst du das Ergebnis in ein kurzes Node.js- oder Python-Snippet ein, das JSON.stringify(obj, Object.keys(obj).sort()) ausführt — das Sortieren von Schlüsseln kann in manchen APIs die Bedeutung ändern, deshalb lassen wir sie standardmäßig im ursprünglichen Zustand.

Neueste Beiträge aus dem Blog

JSON vs YAML vs CSV: Welches Datenformat sollten Sie nutzen?JSON, YAML und CSV lösen sich überschneidende Probleme, wurden aber nicht für dieselbe Aufgabe entworfen. Dieser tiefe Vergleich nimmt Syntax, Dateigröße, Tooling und die Stolperfallen unter die Lupe, die Teams in der Produktion beißen, damit Sie das richtige Format selbstbewusst wählen können.