JSON Formatter

Cole qualquer string JSON e obtenha instantaneamente um resultado formatado, validado e com destaque de sintaxe com este formatador JSON online gratuito — sem instalação, sem cadastro, tudo rodando no navegador. Seja depurando uma resposta de API minificada ou organizando um arquivo de config, a saída legível aparece no momento em que você cola.

Além da formatação básica, a ferramenta inclui uma árvore colapsável, um layout visual em grafo, uma lista flat pesquisável e um minificador — tornando-se um visualizador e validador de JSON completo em um só lugar.

Como Usar o Formatador JSON

1. Cole seu JSON no painel de entrada à esquerda — minificado, mal indentado ou já formatado.
2. Veja a saída — o resultado formatado aparece imediatamente no painel direito com destaque de sintaxe.
3. Troque de aba para explorar o JSON como uma árvore colapsável, um grafo visual de nós ou uma lista flat de caminhos.
4. Ajuste a indentação — escolha 2 ou 4 espaços no seletor.
5. Copie o resultado — clique em Copiar para copiar a saída formatada ou minificada para a área de transferência.

Se o input for JSON inválido, uma mensagem de erro mostra exatamente onde está o problema para você corrigir rapidamente.

Formatação de JSON — Por que Importa

JSON enviado pela rede frequentemente é minificado: sem espaços, sem quebras de linha, tudo em uma única linha. Isso é eficiente para transferência, mas ilegível para humanos. Formatar — adicionando indentação e quebras de linha consistentes — torna a estrutura imediatamente visível: quais chaves estão dentro de quais objetos, quantos itens há em cada array e onde a hierarquia começa e termina.

As visualizações em árvore e grafo vão além. A árvore permite colapsar e expandir seções para focar em uma parte de um documento JSON grande. O grafo exibe os nós como cards, mostrando as relações pai-filho de relance — útil para entender estruturas profundamente aninhadas ou desconhecidas.

Casos de Uso Comuns

• Depurar respostas de API: Copie um corpo de resposta JSON bruto da aba Network do navegador ou do Postman e cole aqui para ler como um documento estruturado com destaque de sintaxe em vez de uma string densa.
• Validar arquivos de config JSON: Antes de fazer commit do package.json, tsconfig.json ou qualquer outro config JSON, cole aqui para verificar se é sintaticamente válido e detectar trailing commas ou aspas faltando.
• Minificar JSON para produção: Use a aba Minify para remover todos os espaços em branco de um payload JSON antes de embutir em código, em um script shell ou no corpo de uma requisição HTTP para reduzir seu tamanho.
• Explorar estruturas de dados desconhecidas: As visualizações em árvore e grafo são ideais quando você recebe um documento JSON grande e profundamente aninhado — de um export de banco de dados, um schema de API ou um payload de webhook — e precisa entender rapidamente sua forma.
• Aprender e ensinar JSON: A visualização lado a lado de entrada/saída com destaque de sintaxe é uma ótima referência para aprender como a estrutura JSON mapeia para estruturas de dados em linguagens de programação.
• Corrigir JSON malformado: O validador aponta exatamente a linha e o caractere onde o parsing falhou, tornando mais rápido identificar problemas como trailing commas, chaves sem aspas ou colchetes não fechados.

Perguntas Frequentes

Por que meu JSON mostra erro de "trailing comma"?

Trailing commas (vírgula após o último item de um array ou objeto) são válidas em JavaScript, mas explicitamente proibidas no JSON. Remova a última vírgula antes do ] ou } de fechamento e o input será aceito. A maioria dos linters e editores tem opção para corrigir trailing commas automaticamente.

Qual é a diferença entre formatar e minificar JSON?

Formatar adiciona espaços em branco — indentação e quebras de linha — para tornar o JSON legível para humanos. Minificar remove todos os espaços não-essenciais para produzir a menor string possível para transferência de rede. Um arquivo JSON formatado de 10 KB pode ser comprimido para 6–7 KB minificado. Nenhuma operação altera os dados em si.

Esta ferramenta consegue formatar arquivos JSON muito grandes?

Sim, com ressalvas. Como o processamento acontece no motor JavaScript do seu navegador, arquivos muito grandes (acima de algumas centenas de KB) podem levar um ou dois segundos para renderizar e podem desacelerar o destaque de sintaxe. Para arquivos na faixa de megabytes, considere uma ferramenta local ou extensão de editor.

Por que as chaves do JSON devem ter aspas duplas?

A especificação JSON (RFC 8259) exige explicitamente que as chaves de objetos sejam strings entre aspas duplas. Aspas simples e chaves sem aspas são válidas em literais de objeto JavaScript, mas não no JSON. Este é um requisito rigoroso para que qualquer parser JSON aceite o input.

O que a visualização "Raw List" mostra?

A lista raw extrai todos os valores folha do JSON e os apresenta como uma tabela flat com três colunas: o caminho completo em notação de ponto (ex: usuario.endereco.cidade), o tipo de dado e o valor. É útil para auditar todos os valores de um documento sem navegar pela estrutura aninhada.