Formateador JSON
Formatear, minificar y validar JSON con resaltado de sintaxis
Entrada
Salida
¿Qué es un formateador JSON?
JSON (JavaScript Object Notation) es el formato de datos más usado en la web. Las APIs lo devuelven, los archivos de configuración lo usan, las bases de datos lo almacenan. La especificación JSON mantiene todo mínimo, lo cual es bueno para máquinas pero no tanto cuando necesitas leer los datos. Un formateador JSON añade indentación y saltos de línea al JSON crudo o minificado para que veas la estructura con claridad.
Esta herramienta se ejecuta completamente en tu navegador. Tu JSON pasa por JSON.stringify() con indentación de 2 espacios, y el resultado aparece en el panel de salida. No se envía nada a ningún servidor, así que es seguro usarlo con datos de producción, tokens o cualquier cosa que no quieras que salga de tu máquina.
Ejemplos de formateo JSON
Aquí hay algunos ejemplos de lo que hace el formateador. El JSON minificado o compacto es difícil de leer; formatearlo revela la estructura de un vistazo.
Ejemplo 1: Registro de suscriptor
Entrada minificada (una línea):
Salida formateada:
Ejemplo 2: Registros de llamadas
Entrada minificada:
Salida formateada:
Haz clic en el botón Ejemplo de arriba para cargar un ejemplo preparado (datos de plan móvil) en el editor y ver el formateador en acción.
Cómo usar esta herramienta
Pegar o subir
Copia tu JSON y pégalo en el editor izquierdo. También puedes hacer clic en Subir para cargar un archivo .json o .txt desde tu ordenador. El botón Ejemplo carga datos de ejemplo para probar.
Revisar la salida
El panel derecho se actualiza automáticamente al escribir. El JSON válido se formatea con la indentación correcta según RFC 8259. Si hay un error de sintaxis (corchete faltante, coma final, clave sin comillas), verás un mensaje de error.
Copiar, descargar o minificar
Usa Copiar para poner el resultado en el portapapeles, Descargar para guardarlo como archivo, o Minificar para eliminar espacios y obtener una versión compacta de una sola línea.
Cómo funciona el formateador
Ambos editores usan el Ace Editor, con resaltado de sintaxis, números de línea y marcadores de error específicos de JSON. Al pegar o escribir JSON en el panel de entrada, la herramienta espera 300 ms (para evitar parsear a mitad de tecleo) y luego ejecuta JSON.parse(). Si el parseo tiene éxito, llama a JSON.stringify(data, null, 2) y muestra el resultado. Si falla, la salida muestra un error.
Importante: JSON no admite comentarios. Eso está definido en la especificación, no es una limitación de esta herramienta. Archivos como settings.json de VS Code usan JSONC (JSON con comentarios), un formato distinto. Si tu archivo tiene comentarios, tendrás que eliminarlos antes de formatear.
Dónde ayuda el formateo JSON
Muchos desarrolladores necesitan un formateador al leer respuestas de APIs. Envías una petición con Postman o curl y la respuesta llega en una sola línea comprimida. Pegarla aquí hace visibles de inmediato objetos y arrays anidados. Para extraer valores concretos de respuestas grandes, jq funciona bien en la línea de comandos.
Los archivos de configuración son otro caso común. Un <code>package.json</code> o <code>tsconfig.json</code> con indentación inconsistente es difícil de revisar en un pull request. Formatearlo aquí te da una versión consistente para pegar de vuelta. Si necesitas combinar dos archivos de configuración, existe la herramienta Combinar JSON.
Las exportaciones de bases de datos de <a href="https://www.mongodb.com/docs/manual/reference/mongodb-extended-json/" target="_blank" rel="noopener">MongoDB</a>, Firestore o CouchDB suelen ser grandes bloques JSON sin formato. Pasarlos por aquí ayuda a entender la estructura del documento antes de escribir scripts de importación o consultas. Si necesitas los datos en una hoja de cálculo, puedes usar JSON a CSV.
También es útil antes de compartir JSON con el equipo. JSON formateado en Slack o Jira es mucho más fácil de leer que una cadena minificada. Pasarlo primero por el Validador JSON puede detectar problemas antes de que otros los vean.
Preguntas frecuentes
¿Mis datos son privados?
Sí. El formateo ocurre en tu navegador con JavaScript. No se envía ningún dato a ningún servidor. Puedes comprobarlo abriendo la pestaña Red del navegador mientras usas la herramienta.
¿Cuál es el límite de tamaño?
No hay un límite fijo. Depende de la memoria disponible del navegador. Archivos JSON de hasta 10–15 MB suelen funcionar bien en Chrome y Firefox. Para archivos muy grandes (cientos de MB), una herramienta de línea de comandos como jq es más práctica.
¿Qué hace Minificar?
Elimina todos los espacios en blanco (saltos de línea, espacios, indentación) de la salida formateada, dando la versión más pequeña posible del JSON. Útil para incrustar JSON en URLs, almacenarlo en campos de base de datos o reducir el tamaño de la carga en la red. También existe la página Minificador JSON.
¿Por qué la salida dice "JSON inválido"?
La entrada tiene un error de sintaxis. Causas comunes: comas finales, comillas simples en lugar de dobles, nombres de propiedades sin comillas o corchetes desemparejados. La especificación JSON es estricta con todo esto.
¿Puede validar JSON contra un esquema?
Esta herramienta valida la sintaxis (si el JSON está bien formado), no la estructura. Para validación de esquema, usa el Generador de esquema JSON o el Validador JSON para comprobaciones más detalladas.
Herramientas relacionadas
Para más información sobre JSON: guía de MDN, RFC 8259, json.org y jq.