Formateador y minificador JSON
Formatea tu código JSON para hacerlo legible, o minifícalo para reducir su tamaño
Ingresa tu JSON aquí...
Cómo usar
- Pega el JSON que quieres formatear (respuesta de API, archivo de configuración, salida de log o cualquier objeto serializado)
- Selecciona el ancho de sangría: 2 espacios es lo más común en frontend, 4 espacios suele usarse en equipos que vienen de Java o Spring
- Pulsa «Formatear» para verlo legible — todo se procesa localmente y si el JSON tiene errores se marca la línea exacta
- Pulsa «Minificar JSON» para eliminar espacios y saltos, dejando la versión mínima para producción o transporte HTTP
- Copia el resultado con un clic y pégalo en VS Code, IntelliJ, Slack, Notion o el ticket de Jira
- El flujo más típico al depurar APIs: abre la pestaña Network de Chrome DevTools → Copy Response → pega aquí → revisa la estructura completa en segundos
Todo el procesamiento se realiza en tu navegador, los archivos nunca se envían a un servidor.
Preguntas frecuentes
Formatear sirve para depurar APIs, leer logs y preparar revisiones de código. Minificar sirve para optimizar el tamaño de archivos de configuración estáticos y reducir el payload de respuestas HTTP. Las builds de producción con Webpack o Vite minifican automáticamente, pero durante el desarrollo la versión formateada es mucho más legible.
Es uno de los usos principales. En Chrome DevTools, ve a Network → clic derecho en la petición → Copy Response → pega aquí → formatear. En un segundo ves la jerarquía completa, detectas campos mal nombrados, valores nulos inesperados o estructuras anidadas problemáticas.
Hasta unos pocos MB funciona sin problema en el navegador. Para volcados de datos o logs de API de 10MB o más, conviene usar `jq` en la terminal o el formateador integrado de VS Code, que están pensados para esos volúmenes. Esta herramienta brilla con JSON que cabe en la pantalla.
Todo se procesa localmente en JavaScript del navegador, nada viaja al exterior. Es seguro pegar JSON con tokens de autenticación, conexiones a base de datos, datos personales de clientes o configuraciones internas. Cumple con políticas «sin salida de datos» típicas de banca, sanidad y administración pública.
Sí. Al detectar un JSON inválido, marca la línea y motivo exactos: «coma sobrante en la línea 23», «comilla no cerrada en la línea 45», «llave de cierre faltante», «clave sin comillas». Muy útil al editar archivos de configuración a mano o al construir mocks de API.
Hay opciones de 2 y 4 espacios. Los equipos frontend modernos (React, Vue, Angular) suelen usar 2 espacios; los equipos que migran desde Java o .NET suelen preferir 4. La preferencia queda guardada en el navegador para la siguiente visita.
Sí. Cuando vas a pegar un fragmento grande de JSON en una revisión (mocks de API, datos de prueba, archivos de configuración modificados), formatearlo primero mejora muchísimo la legibilidad para los revisores. Al hacer el commit final, sigue la regla .prettierrc o .editorconfig del repositorio.