Formateador JSON
Embellece, minifica o valida JSON
Cómo funciona
Formateador JSON — Embellece, minifica o valida JSON. Todo el procesamiento ocurre en tu navegador — sin subida, sin registro, sin email. Gratis para siempre.
Última actualización:
Acerca de Formateador JSON
El Formateador JSON embellece, minifica y valida cualquier carga JSON dentro de tu navegador. Tanto si necesitas JSON con sangría para una revisión de código como una versión minificada en una sola línea para un archivo de configuración, el formateador JSON lo hace al instante sin enviar datos a ningún servidor.
Los desarrolladores backend pegan respuestas de API para inspeccionar su estructura, los ingenieros de QA verifican payloads de webhooks y los analistas de datos limpian JSON exportados antes de importarlos a un script. El modo pantalla completa resulta especialmente útil al revisar objetos profundamente anidados.
El validador muestra los errores de parseo con un mensaje claro para que puedas arreglar el JSON malformado rápidamente: ideal para cazar una coma sobrante o una comilla sin escapar.
Cómo usar Formateador JSON
- Pega tu JSON en el área de entrada Paste JSON situada a la izquierda.
- Haz clic en Beautify para imprimirlo con sangría o en Minify para colapsarlo en una sola línea.
- Elige la sangría: 2 espacios, 4 espacios o una sola línea, según el estilo de tu proyecto.
- Si la entrada es inválida, lee el mensaje rojo para localizar el problema y corrígelo en el cuadro de entrada.
- Pulsa Copy en el JSON formateado para enviar el resultado al portapapeles, o abre Pantalla completa para una vista más amplia.
Casos de uso comunes
- Inspeccionar una respuesta REST verbosa reformateándola en una estructura legible y con sangría.
- Preparar archivos de configuración (package.json, tsconfig.json, manifests) minificándolos o normalizando la sangría.
- Validar que un payload de webhook coincide con la forma JSON esperada antes de reenviarlo al backend.
- Limpiar la salida de Postman o curl para pegarla en informes de bugs o pull requests.
- Eliminar espacios en blanco de un JSON antes de incrustarlo en un atributo data-* HTML o variable de entorno.
Consejos y errores comunes
- Si ves un error como "Unexpected token } in JSON at position 142", el problema suele ser una coma sobrante justo antes de esa llave.
- Las claves JSON deben ir entre comillas dobles: las comillas simples son un error clásico al confundir JavaScript con JSON.
- Para payloads muy grandes (megabytes), usa el modo pantalla completa y apóyate en las flechas de plegado en lugar de hacer scroll.
- La salida minificada va estupenda para almacenamiento, pero re-embellécela siempre antes de hacer commit a git para que los diffs sigan siendo revisables.
Preguntas frecuentes
¿Valida mi JSON?
Sí. Si la entrada es inválida, verás un mensaje de error rojo con detalles del parser y no se mostrará salida.
¿Soporta comentarios o comas finales?
No. Solo JSON estricto — los comentarios y las comas finales no están permitidos por la especificación. Usa JSON5 si los necesitas.
¿Puedo colapsar objetos grandes para enfocarme en una sección?
Sí. Haz clic en el chevron junto a cualquier objeto o array para colapsarlo. La pantalla completa te da el máximo espacio para payloads grandes.
¿Embellecer el JSON cambia el significado de mis datos?
No. Beautify y Minify solo modifican los espacios en blanco; el objeto resultante es idéntico. Los números, cadenas y el orden de las claves se mantienen tal cual.
¿Por qué falla mi JSON con NaN o Infinity?
La especificación JSON no admite NaN, Infinity ni undefined como valores; son exclusivos de JavaScript. Sustitúyelos por null o envuélvelos como cadenas si necesitas hacer round-trip por un sistema no JS.
¿Puedo ordenar las claves alfabéticamente?
No directamente desde la herramienta. Tras embellecer, pega el resultado en un pequeño snippet de Node.js o Python que use JSON.stringify(obj, Object.keys(obj).sort()). Ordenar las claves puede cambiar el significado en algunas APIs, así que las dejamos como las escribiste por defecto.
Lo más reciente del blog
Herramientas relacionadas
- Generador de QRConvierte URL o texto en código QR
- Conversor de colorConvierte entre HEX, RGB, HSL
- Generador de hashCalcula MD5, SHA-1, SHA-256, SHA-512
- Conversor Base64Codifica/decodifica texto o archivos a Base64
- Imagen → IconoGenera favicon e iconos PWA
- Texto a vozLee cualquier texto usando más de 100 voces del navegador