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 intercambio 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 — y cuando algo falla o no tiene buena pinta, necesitas poder leerlo de verdad. La especificación JSON mantiene todo deliberadamente mínimo, lo cual es genial para las máquinas pero bastante frustrante cuando intentas depurar una respuesta de API con muchos niveles de anidamiento. Un formateador JSON soluciona eso: añade indentación y saltos de línea al JSON crudo o minificado para que la estructura quede clara de un vistazo.
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 un editor de código integrado, 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 package.json o tsconfig.json 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 MongoDB, 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
¿Es seguro pegar claves de API reales o datos sensibles aquí?
Completamente seguro. Todo el formateo ocurre en tu navegador usando JavaScript — nada se envía a ningún servidor. Puedes comprobarlo tú mismo abriendo la pestaña Red de tu navegador mientras usas la herramienta. No se necesita cuenta, no hay registro de actividad.
¿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.
¿Por qué querría minificar JSON?
El JSON minificado tiene todos los espacios eliminados — sin saltos de línea, sin espacios, solo los datos en bruto. Eso lo hace más pequeño para enviar por la red, más barato de almacenar en un campo de base de datos, y seguro para incrustar en una URL. El botón Minificar hace esto al instante sobre la salida actual. También existe una página dedicada de Minificador JSON si ese es tu caso de uso principal.
¿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.