JSON Formatter

Entrada JSON

1

Salida JSON

Configuración

Comienza a formatear JSON

Ingresa JSON a la izquierda o usa Importar para cargar desde un archivo.

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

Cómo formatear y validar JSON

1Paso 1 – Pega o importa tu JSON en el formateador en línea2Paso 2 – Elige las opciones de formateo3Paso 3 – Revisa el resultado y cualquier error de validación4Paso 4 – Copia o descarga para tu API, respuestas o registros

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.

JSON de entrada
1
{"user":{"id":42,"name":"Maeve"},"roles":["admin","editor"],"flags":{"beta":true,"suspended":false}}
JSON formateado
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.

JSON de entrada
1
{
2
"retry": 3,
3
"apiBase": "https://api.example.com",
4
"features": {
5
"betaCheckout": true,
6
"abTest": false
7
},
8
"timeout": 8000
9
}
JSON formateado
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.

JSON de entrada
1
"{\"event\":\"login\",\"user\":{\"id\":42,\"name\":\"Maeve\"},\"success\":true}"
JSON formateado
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

    Paso 1 – Pega o importa tu JSON en el formateador en línea

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

    • Pega el JSON sin formato en el editor de la izquierda desde cualquier fuente (respuesta de API, archivo de configuración, registros, etc.).
    • O usa Importar para cargar JSON desde un archivo, una URL o datos de ejemplo.
    • Esta herramienta funciona como un formateador de JSON en línea para que puedas ordenar JSON desordenado rápidamente.
    • 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

    Paso 2 – Elige las opciones de formateo

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

    • Selecciona el tamaño de sangría para dar formato al JSON (2 espacios, 4 espacios o compacto).
    • Opcionalmente, ordena las claves alfabéticamente para normalizar la estructura entre payloads.
    • Cambia a salida minificada cuando necesites JSON compacto para APIs, almacenamiento o producción.
    • 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

    Paso 3 – Revisa el resultado y cualquier error de validación

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

    • Mira el JSON formateado a la derecha con resaltado de sintaxis y sangría consistente.
    • Presta atención a errores de parseo (por ejemplo, comas o comillas faltantes).
    • Usa esta página como una verificación rápida de sintaxis JSON mientras formateas.
    • 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

    Paso 4 – Copia o descarga para tu API, respuestas o registros

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

    • Usa Copiar para enviar el JSON formateado al portapapeles.
    • Descarga el resultado como un archivo .json para solicitudes de API, respuestas de API o capturas de registros.
    • Reutiliza el mismo JSON formateado como una fuente limpia para documentación o ejemplos de código.
    • 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.

Consejos rápidos para principiantes

La mayoría de los errores de JSON provienen de comas faltantes, comas finales de más o del uso de comillas simples en lugar de comillas dobles.
Si todo aparece en una sola línea larga, primero da formato y luego corrige los errores resaltados arriba.
Usa JSON formateado al depurar y cambia a JSON minificado para payloads de producción.

Herramientas JSON relacionadas

  • Valida JSON antes o después de formatear para detectar errores de sintaxis temprano.
  • Repara JSON dañado que no se puede parsear y luego pásalo por el formateador.
  • Genera esquemas y tipos a partir de JSON limpio para validación y código tipado.

Preguntas frecuentes

¿Qué hace el formateo de JSON?

El formateo de JSON mejora la legibilidad de tus datos al añadir indentación, saltos de línea y espaciado adecuados.

¿Puedo personalizar la indentación?

Sí. Puedes elegir 2 espacios, 4 espacios o una salida compacta (minificada).

¿El formateo cambiará mis datos?

No. El formateo solo cambia la presentación; la estructura y los valores se mantienen igual.

¿Puedo formatear archivos JSON grandes?

Sí. El formateador maneja JSON grandes de forma eficiente, aunque archivos muy grandes pueden tardar un momento en procesarse.

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.