JSON Formatter

JSON Eingabe

1

JSON Ausgabe

Einstellungen

JSON formatieren starten

Geben Sie links JSON ein oder nutzen Sie Import, um es aus einer Datei zu laden.

Beautify, minify, validate, escape, and unescape JSONChoose 2-space, 4-space, or sorted-key outputEverything stays local in your browser

So formatieren und prüfen Sie JSON

1Schritt 1 – JSON in den Online-Formatter einfügen oder importieren2Schritt 2 – Formatierungsoptionen auswählen3Schritt 3 – Ergebnis und mögliche Fehler prüfen4Schritt 4 – Für API, Antworten oder Logs kopieren oder herunterladen

A reliable formatter workflow is simple: paste the raw payload, choose whether you need readable or compact output, review parse errors if any, then copy, download, or continue into repair, table editing, or schema generation.

From one-line payload to readable structure

Expand raw JSON before you validate, diff, or edit it

A lot of real payloads come from logs, APIs, and queues as a single unreadable line. The formatter turns that into something you can inspect in seconds.

Raw input
1
{"orderId":"SO-1024","customer":{"name":"Maeve","tier":"gold"},"items":[{"sku":"A-1","qty":2},{"sku":"B-8","qty":1}],"paid":true}
Formatted output
1
{
2
"orderId": "SO-1024",
3
"customer": {
4
"name": "Maeve",
5
"tier": "gold"
6
},
7
"items": [
8
{
9
"sku": "A-1",
10
"qty": 2
11
},
12
{
13
"sku": "B-8",
14
"qty": 1
15
}
16
],
17
"paid": true
18
}

Use pretty output for review and debugging. Switch to minified output only when you need compact transport or storage.

3 practical formatter examples

These are the common cases where formatting pays off immediately during real development work.

API response

Turn a one-line response into something you can inspect

Useful when you need to confirm fields, nested objects, arrays, and unexpected values quickly.

Eingabe‑JSON
1
{"user":{"id":42,"name":"Maeve"},"roles":["admin","editor"],"flags":{"beta":true,"suspended":false}}
Formatiertes JSON
1
{
2
"user": {
3
"id": 42,
4
"name": "Maeve"
5
},
6
"roles": [
7
"admin",
8
"editor"
9
],
10
"flags": {
11
"beta": true,
12
"suspended": false
13
}
14
}

Readable structure is usually the fastest way to spot field-level mistakes in API data.

Config diff

Sort keys before comparing environment config

Stable key order makes diffs cleaner and reduces noise when reviewing configuration changes.

Eingabe‑JSON
1
{
2
"retry": 3,
3
"apiBase": "https://api.example.com",
4
"features": {
5
"betaCheckout": true,
6
"abTest": false
7
},
8
"timeout": 8000
9
}
Formatiertes JSON
1
{
2
"apiBase": "https://api.example.com",
3
"features": {
4
"abTest": false,
5
"betaCheckout": true
6
},
7
"retry": 3,
8
"timeout": 8000
9
}

Sorting is useful when your real goal is comparison rather than human-friendly business ordering.

Escaped payload

Unescape a JSON string before editing it

Logs and message systems often store JSON inside strings. Unescape it first, then keep working on the actual structure.

Eingabe‑JSON
1
"{\"event\":\"login\",\"user\":{\"id\":42,\"name\":\"Maeve\"},\"success\":true}"
Formatiertes JSON
1
{
2
"event": "login",
3
"user": {
4
"id": 42,
5
"name": "Maeve"
6
},
7
"success": true
8
}

If the payload is full of backslashes, unescaping is usually the first useful step.

  1. 01

    Tutorial Step

    Schritt 1 – JSON in den Online-Formatter einfügen oder importieren

    Start with the original payload. You do not need to clean up spacing or line breaks first.

    • Fügen Sie Roh‑JSON aus beliebigen Quellen (API‑Antwort, Konfigurationsdatei, Logs usw.) in den linken Editor ein.
    • Oder nutzen Sie Import, um JSON aus einer Datei, einer URL oder aus Beispieldaten zu laden.
    • Dieses Tool ist ein Online‑JSON‑Formatter, mit dem Sie unübersichtliches JSON schnell bereinigen können.
    • Single-line JSON is fine. The formatter can expand it into a readable structure for you.
    • When several people need to review the same payload, keep the original input intact and format it here instead of editing it by hand first.
  2. 02

    Tutorial Step

    Schritt 2 – Formatierungsoptionen auswählen

    Readable JSON and compact JSON solve different problems. Pick the mode that matches what you need next.

    • Wählen Sie die Einrückung (2 Leerzeichen, 4 Leerzeichen oder kompakt), um JSON hübsch zu formatieren.
    • Optional: Sortieren Sie Schlüssel alphabetisch, um Strukturen zwischen Payloads zu vereinheitlichen.
    • Wechseln Sie zur minifizierten Ausgabe, wenn Sie kompaktes JSON für APIs, Speicherung oder Produktion benötigen.
    • Use Escape when you need a JSON string literal, for example inside logs or nested config values.
    • Use Unescape when the input is an escaped JSON string and you want the plain text back.
  3. 03

    Tutorial Step

    Schritt 3 – Ergebnis und mögliche Fehler prüfen

    The output area is both a result view and a fast feedback loop. Valid JSON renders immediately; invalid JSON shows an actionable error.

    • Sehen Sie rechts das formatierte JSON mit Syntax‑Highlighting und konsistenter Einrückung.
    • Achten Sie auf Parse‑Fehler (z. B. fehlende Kommas oder Anführungszeichen).
    • Nutzen Sie diese Seite beim Formatieren als schnellen JSON‑Syntax‑Check.
    • If the payload is too broken to fix quickly, move it straight to the Repair tool.
    • When the data contains nested escaped JSON, unescape it first so the real structure becomes visible.
  4. 04

    Tutorial Step

    Schritt 4 – Für API, Antworten oder Logs kopieren oder herunterladen

    Once the JSON is clean, use it as the working copy for the next step instead of repeating the cleanup elsewhere.

    • Nutzen Sie Kopieren, um das formatierte JSON in die Zwischenablage zu übernehmen.
    • Laden Sie das Ergebnis als .json Datei herunter – für API‑Requests, API‑Responses oder Log‑Snapshots.
    • Verwenden Sie dasselbe formatierte JSON als saubere Quelle für Dokumentation oder Codebeispiele wieder.
    • Move the cleaned JSON into the table editor when field-level review is easier in rows and columns.
    • Generate a schema from the cleaned payload when the next step is validation, documentation, or code generation.

A common formatter workflow

1

Paste the raw payload into the formatter and expand it into readable JSON first.

2

If the parser fails, jump to the error or move the payload into Repair.

3

Once the structure is valid, choose beautified, minified, escaped, or unescaped output based on the next task.

4

Apply the output back to input if the cleaned result should become your new working copy.

5

Continue into the table editor, compare tool, or schema generator when formatting is no longer the bottleneck.

Putting the formatter at the front of the workflow usually saves time later because every downstream tool receives cleaner JSON.

Kurztipps für Einsteiger

Die meisten JSON‑Fehler entstehen durch fehlende Kommas, zusätzliche trailing Kommas oder einfache statt doppelte Anführungszeichen.
Wenn alles in einer langen Zeile steht, formatieren Sie zuerst und beheben Sie anschließend die oben angezeigten Fehler.
Nutzen Sie formatiertes JSON beim Debuggen und wechseln Sie für Produktions‑Payloads zu minifiziertem JSON.

Verwandte JSON‑Tools

  • Validieren Sie JSON vor oder nach dem Formatieren, um Syntaxfehler früh zu erkennen.
  • Reparieren Sie beschädigtes JSON, das nicht geparst werden kann, und lassen Sie es danach durch den Formatter laufen.
  • Erzeugen Sie Schemas und Typen aus sauberem JSON für Validierung und typisierten Code.

Häufig gestellte Fragen

Was bewirkt das Formatieren von JSON?

Beim Formatieren von JSON werden Einrückungen, Zeilenumbrüche und Abstände ergänzt, sodass Ihre JSON-Daten besser lesbar und leichter zu verstehen sind.

Kann ich die Einrückung anpassen?

Ja. Sie können 2 Leerzeichen, 4 Leerzeichen oder eine kompakte Ausgabe (minifiziert) wählen.

Ändert das Formatieren meine Daten?

Nein. Das Formatieren ändert nur die Darstellung; Struktur und Werte bleiben gleich.

Kann ich große JSON-Dateien formatieren?

Ja. Der Formatter verarbeitet große JSON effizient, bei sehr großen Dateien kann es jedoch einen Moment dauern.

What is the difference between formatting and validation?

Formatting focuses on readability, while validation focuses on syntax correctness. This page does both in one flow.

Is my JSON uploaded to a server?

No. Formatting, validation, escaping, and unescaping all run locally in your browser.