Herramientas > JSONFormateador JSON
Tamaño de sangría
Entrada
Salida
JSON válidoNo
Líneas0
Profundidad0
Tamaño (bytes)0

Formateador y Embellecedor JSON

Formatea y embellece JSON sin procesar, minificado o mal formateado en una salida con sangría perfecta y control total sobre el estilo de formato. Esta herramienta soporta JSONC (JSON con Comentarios), eliminación de comas finales, salida compacta/minificada, inserción en línea recursiva de arreglos y objetos anidados y escape de unicode — todo el formateo y embellecimiento ocurre en tu navegador para completa privacidad.

Cómo Usar Esta Herramienta

  1. Pega tu JSONPega JSON sin procesar, minificado o desordenado en el panel de entrada. La herramienta acepta JSON estándar y opcionalmente JSONC (con comentarios y comas finales).
  2. Elige el estilo de sangríaSelecciona espacios o tabulaciones para la sangría. Usa el deslizador o escribe un valor para ajustar el tamaño de sangría (hasta 20 niveles) para que coincida con el estilo de codificación de tu proyecto.
  3. Configura las opciones de formatoActiva "Minificar" para salida compacta, o afina con inserción en línea recursiva de arreglos y objetos cortos, colapso de estructuras vacías y escape de unicode. Usa los deslizadores de umbral para controlar qué tan agresivamente se insertan las estructuras en línea.
  4. Maneja entradas JSONCSi tu entrada contiene comentarios (como tsconfig.json o configuración de VS Code), activa "Eliminar comentarios" y "Eliminar comas finales" para convertirlo a JSON válido.
  5. Copia el resultadoEl JSON formateado aparece al instante en el panel de salida. Haz clic en el botón de copiar para copiarlo al portapapeles.

Características

Sangría Personalizable

Elige entre espacios y tabulaciones con un tamaño de sangría configurable de hasta 20 niveles. Usa el deslizador interactivo para ajustes rápidos o escribe cualquier valor directamente.

Modo Minificar / Compacto

Comprime el JSON a una sola línea eliminando todos los espacios en blanco — ideal para reducir el tamaño del payload o incrustar en URLs y APIs.

Soporte JSONC

Elimina comentarios de una sola línea (//) y multilínea (/* */) de archivos JSONC como tsconfig.json, settings.json de VS Code y configuraciones de ESLint antes de formatear.

Eliminación de Comas Finales

Elimina automáticamente las comas finales antes de ] y } para convertir entradas estilo JSON5 a JSON estricto.

Inserción Recursiva de Arreglos y Objetos Cortos en Línea

Inserta recursivamente arreglos y objetos en línea — incluyendo estructuras profundamente anidadas — en una sola línea cuando caben dentro del umbral de caracteres configurable (hasta 1000 caracteres). Un objeto anidado como {"pool":{"min":2,"max":10}} permanece compacto cuando cabe, mientras que las estructuras más grandes se expanden normalmente.

Escape de Unicode

Convierte caracteres no ASCII en valores de cadena a secuencias de escape \uXXXX para salida JSON segura en ASCII, compatible con sistemas heredados.

Casos de Uso Reales

1

Depurar Respuestas de API

Pega una respuesta de API minificada para ver al instante la estructura completa con sangría adecuada, lo que facilita inspeccionar objetos y arreglos anidados.

2

Formatear Archivos de Configuración

Limpia archivos tsconfig.json, package.json o configuración de VS Code desordenados con sangría consistente y eliminación opcional de comentarios.

3

Minificar Payloads JSON

Comprime JSON formateado a una sola línea compacta para incrustar en variables de entorno, cuerpos de solicitudes de API o parámetros de URL.

4

Normalizar el Formato del Equipo

Asegura que todos los miembros del equipo usen el mismo estilo de formato JSON (sangría de 2 espacios, estructuras vacías colapsadas) para revisiones de código y diffs consistentes.

5

Preparar JSON Seguro en ASCII

Escapa caracteres unicode para sistemas que requieren JSON solo en ASCII, como bases de datos antiguas o APIs heredadas que no soportan UTF-8.

Preguntas Frecuentes

¿Qué es JSONC y cómo lo maneja esta herramienta?
JSONC (JSON con Comentarios) es JSON que permite comentarios de una sola línea (//) y multilínea (/* */), además de comas finales. Muchas herramientas como TypeScript (tsconfig.json) y VS Code (settings.json) usan JSONC. Activa "Eliminar comentarios" y "Eliminar comas finales" para convertir la entrada JSONC en JSON estándar válido antes de formatear.
¿Qué hace la opción "Arreglos cortos en línea"?
Cuando está activada, los arreglos que caben dentro del umbral de caracteres (por defecto 80) permanecen en una sola línea — como [1, 2, 3] — en lugar de expandir cada elemento en su propia línea. Esto funciona recursivamente: los arreglos que contienen objetos anidados u otros arreglos también se insertan en línea siempre que la forma serializada completa quepa dentro del umbral. Usa el deslizador para ajustar el umbral hasta 1000 caracteres.
¿La inserción en línea funciona con objetos y arreglos anidados?
Sí. La inserción en línea es completamente recursiva. Una estructura como {"pool":{"min":2,"max":10}} o ["tags",[1,2,3]] permanecerá en una sola línea siempre que la forma serializada completa quepa dentro del umbral de caracteres. Esto hace que la salida sea significativamente más legible para archivos de configuración y respuestas de API con pequeñas estructuras anidadas.
¿El modo minificar valida mi JSON?
Sí. La herramienta analiza tu entrada como JSON antes de formatear. Si la entrada es JSON inválido (y el preprocesamiento como eliminación de comentarios/comas no lo corrige), verás un error en lugar de la salida. El indicador "JSON válido" en la barra de estadísticas confirma si el análisis tuvo éxito.
¿Por qué querría escapar caracteres unicode?
Algunos sistemas heredados, APIs o bases de datos no manejan correctamente JSON en UTF-8. Escapar caracteres no ASCII a secuencias \uXXXX garantiza que el JSON contenga solo caracteres ASCII mientras se preservan los valores reales. Por ejemplo, "café" se convierte en "caf\u00e9".
¿Están seguros mis datos? ¿Se envían a algún servidor?
Tus datos nunca salen de tu navegador. Todo el formateo, análisis y transformación de JSON ocurre completamente en el lado del cliente en JavaScript. No se envían datos a ningún servidor, lo que hace que esta herramienta sea segura para datos JSON sensibles o confidenciales.
¿Cuál es el tamaño máximo de JSON que puede manejar esta herramienta?
Como el procesamiento ocurre en tu navegador, el límite depende de la memoria de tu dispositivo. La mayoría de los navegadores modernos pueden manejar archivos JSON de varios megabytes sin problemas. Para archivos muy grandes (más de 50 MB), el procesamiento puede ser lento.

Herramientas Relacionadas