Ir al contenido principal

Formateador JSON

Formateador y embellecedor de JSON online gratuito. Pega o sube JSON para formatearlo al instante con la sangría correcta, minificarlo para producción, explorarlo con una vista en árbol colapsable y analizar su estructura con estadísticas. Admite Auto-Fix para comas finales, comillas simples y claves sin comillas.

Formatear y minificar
Embellece con sangría de 2/4 espacios o comprime a una línea
Vista de árbol + estadísticas
Explora objetos anidados visualmente y ve profundidad, claves y tamaño
100% en el navegador
Tu JSON nunca sale de tu dispositivo: completamente privado
Input
0 chars 0 lines

            

Cómo usar

1
Pega o sube tu JSON

Pega el JSON sin procesar directamente en el editor de entrada, o haz clic en "Subir" para cargar un archivo .json desde tu ordenador.

2
Haz clic en Formatear o Minificar

Pulsa "Formatear" para embellecerlo con una sangría legible, o "Minificar" para comprimirlo en una sola línea para uso en producción. Elige sangría de 2 o 4 espacios.

3
Explora con Vista en árbol o Estadísticas

Cambia a "Vista en árbol" para explorar visualmente objetos y arrays anidados. Usa "Estadísticas" para ver un desglose de objetos, arrays, claves, cadenas, profundidad y tamaño del archivo.

4
Copia o descarga

Haz clic en "Copiar" para copiar el JSON formateado a tu portapapeles, o en "Descargar" para guardarlo como archivo .json listo para usar en tu proyecto.

¿Qué es un formateador de JSON?

Un formateador de JSON (también llamado embellecedor de JSON o JSON pretty printer) toma JSON sin procesar, comprimido o mal formateado y lo reformatea con la sangría, los saltos de línea y el espaciado adecuados. El resultado es un JSON legible por humanos, mucho más fácil de leer, depurar y compartir. Esta herramienta también admite la minificación: elimina todos los espacios en blanco para producir un JSON compacto, óptimo para APIs y entornos de producción.

¿Cuándo deberías usar un formateador de JSON?

  • Depurar respuestas de API — Las respuestas de API suelen estar minificadas. Pegarlas en el formateador te da al instante un JSON legible y con sangría para encontrar los datos que necesitas.
  • Revisión de código y documentación — Un JSON correctamente indentado es mucho más fácil de leer en revisiones de código, archivos README y documentación interna.
  • Edición de archivos de configuración — Archivos de configuración como package.json, tsconfig.json y appsettings.json son JSON. Mantenerlos bien formateados evita errores de sintaxis accidentales.
  • Minificar para producción — Eliminar los espacios en blanco reduce el tamaño del archivo de los payloads JSON, mejorando los tiempos de respuesta de la API y reduciendo el uso de ancho de banda.

Vista en árbol: navegación visual del JSON

La pestaña Vista en árbol representa tu JSON como un árbol colapsable. Haz clic en la flecha junto a cualquier objeto o array para expandirlo o contraerlo. Esto es especialmente útil para JSON profundamente anidado: puedes plegar las secciones que no necesitas y centrarte solo en la parte de la estructura con la que estás trabajando. Cada nodo muestra el número de claves o elementos que contiene cuando está contraído.

Estadísticas: análisis de la estructura JSON

La pestaña Estadísticas muestra un desglose completo de tu JSON: total de objetos, arrays, valores de cadena, números, booleanos, valores nulos, total de claves, profundidad máxima de anidamiento y tamaño del archivo. Esto es útil al analizar estructuras JSON grandes o complejas, por ejemplo, para entender la forma de una respuesta de API antes de escribir código para procesarla.

Auto-Fix: recuperación de JSON inválido

El botón Auto-Fix intenta reparar automáticamente los errores comunes de JSON. Corrige las comas finales (válidas en JavaScript pero no en JSON), convierte las cadenas con comillas simples a comillas dobles, añade comillas dobles faltantes alrededor de claves de propiedad sin comillas, y reemplaza los valores undefined por null. Después de corregirlo, el JSON corregido se vuelve a escribir en la entrada para que veas exactamente qué se cambió.

Privacidad

Todo el formateo, la validación y el análisis ocurren completamente en tu navegador usando JavaScript. Tus datos JSON nunca se envían a ningún servidor, ni se almacenan ni se comparten. Puedes formatear con seguridad datos sensibles como claves de API, archivos de configuración privados o registros de clientes.

Preguntas frecuentes

Un formateador de JSON reformatea JSON sin procesar o minificado en una estructura legible con la sangría y los saltos de línea adecuados. Es esencial para depurar respuestas de API, revisar estructuras de datos y preparar JSON para documentación.

Formatear añade sangría y saltos de línea para mejorar la legibilidad. Minificar elimina todos los espacios en blanco para comprimir el JSON en una sola línea, ideal para APIs y entornos de producción donde el tamaño del payload importa.

No. El formateo solo cambia los espacios en blanco. Todas las claves, valores, tipos de datos y anidamientos permanecen idénticos. Las versiones formateada y minificada se analizan dando como resultado el mismo objeto.

Auto-Fix se encarga de comas finales, cadenas con comillas simples, claves de propiedad sin comillas y valores undefined. Los errores estructurales más complejos, como corchetes sin cerrar, requieren corrección manual.

Completamente. Todo el procesamiento ocurre en tu navegador. Tu JSON nunca se transmite a ningún servidor, ni se registra, ni se almacena, ni se comparte. Seguro para credenciales de API y datos sensibles.

Related Blog Posts

All Blog Posts
Blog