Formatador e Visualizador de JSON
Cole o JSON e ele será embelezado no local. Clique em qualquer campo para inspecionar seu valor completo e caminho à direita; erros de sintaxe são localizados por linha e coluna. Tudo funciona localmente no seu navegador.
- Recuo
- 2/4 espaços · tabulação
- Extras
- Inspecionar · classificar · estatísticas
- Privacidade
- Nada enviado
- Uso
- Grátis · sem cadastro
POR QUE ISSO IMPORTA
Feito para quem lê JSON diariamente
Respostas de API, arquivos de configuração, cargas de log — o JSON bruto chega como uma linha densa. Torne-o legível, encontre a vírgula quebrada e depois ajuste-o da forma que precisar.
Embelezar e minificar
Um clique alterna entre uma árvore legível para humanos e uma linha única compacta. Escolha 2 espaços, 4 espaços ou uma tabulação para corresponder ao estilo do seu código.
Erros localizados por linha e coluna
JSON inválido informa a posição exata — L12 : C34 — em vez de uma mensagem criptica do analisador, para você ir diretamente à vírgula ausente ou aspas remanescente.
Classificação recursiva de chaves
Classifique as chaves do objeto em ordem alfabética em cada profundidade, enquanto os arrays mantêm sua ordem. Ideal para comparar configurações e estabilizar fixtures entre commits.
Escape / unescape literais
Transforme JSON em um literal de string com escape para incorporar em código ou arquivos de ambiente, e desempacote um literal entre aspas de volta para JSON bruto para inspeção.
Clique em qualquer campo para vê-lo na integra
Clique em um campo no editor e um painel lateral se abre mostrando seu valor completo, tipo e caminho JSON — incluindo objetos e arrays aninhados, para você nunca mais contar chaves manualmente.
Executa totalmente localmente
O JSON nunca sai do seu navegador, a ferramenta funciona offline e nenhuma solicitação é feita enquanto a entrada estiver vazia.
Como funciona
Altere a indentação entre 2 espaços, 4 espaços ou tabulações. Minifique para uma única linha ao enviar para uma máquina, organize as chaves do objeto recursivamente quando precisar de uma ordem estável ou escape todo o payload para uma string literal — e desscape uma literal entre aspas copiada de uma linha de log.
Clique em qualquer campo para inspecionar seu valor completo em um painel lateral, e as chaves, itens de array e profundidade de aninhamento são atualizados conforme você digita. Mantenha vários documentos abertos em uma página e compare-os rapidamente; cada um tem seu próprio editor. Tudo é executado localmente no seu navegador e nada é carregado.
Mais ferramentas JSON
Ferramentas de terceiros selecionadas por finalidade — não as replicamos aqui, então acesse quando precisar de uma.
| Ferramenta | Finalidade | O que ela faz |
|---|---|---|
| JSON Editor Online | Editar e validar | Painéis de texto e árvore vinculados, reestruturação por arrastar e soltar, além de comparação (diff), validação de esquema e consulta. |
| JSON Crack | Visualizar | Transforma JSON em um gráfico de nós interativo para entender aninhamentos profundos ou construir uma demonstração rápida. |
| JSON Visio | Visualizar | Outro visualizador de gráficos com uma interface mais leve — escolha o que pareça mais natural entre os dois. |
| Diffchecker | Comparar | Compare dois textos lado a lado ou em uma visualização unificada e pule diretamente para linhas inseridas, excluídas ou alteradas. |
| JSONPath | Consulta | Execute expressões JSONPath online e extraia exatamente os campos que você precisa por caminho. |
| JSONata | Consulta e transformação | Uma linguagem de consulta e transformação para JSON, com um playground online e exemplos. |
| quicktype | Geração de tipos | Gere definições de tipo TypeScript, Swift, Go e outras a partir de JSON. |
| JSON Generator | Dados fictícios | Gere dados fictícios estruturados a partir de templates — prático para fixtures de teste de API. |
Os detalhes finos da formatação JSON
JSON parece simples, mas tem um conjunto de regras estritas — conhecê-las evita uma solicitação de volta sempre que um analisador rejeitar seu payload.
O que é considerado JSON válido?
JSON define seis tipos de valor: objeto, array, string, número, booleano e null. As chaves devem ser strings com aspas duplas, não há vírgula final e comentários não são permitidos.
Extras do JavaScript como aspas simples, undefined, NaN, Infinity e vírgulas finais falham em um analisador estrito — que é exatamente o que esta ferramenta sinaliza.
Como a visualização é diferente da formatação?
A formatação altera o layout do texto: indentação, quebras de linha e minificação. A visualização deixa o documento intacto — quando você clica em um campo, seu valor completo, tipo e caminho JSON aparecem em um painel lateral.
Objetos profundamente aninhados são difíceis de ler apenas pelas chaves, então clicar em um campo permite que você confirme exatamente o que ele contém — especialmente útil para respostas de API e payloads de log.
Por que a ordem das minhas chaves muda após a formatação?
A especificação JSON trata objetos como pares chave-valor não ordenados, e os analisadores podem reordená-los livremente. Na prática, o V8 (Chrome / Node) mantém a ordem de inserção para chaves de string, mas chaves semelhantes a inteiros ("1", "42") sempre são ordenadas numericamente primeiro.
Ative "Classificar chaves do objeto" se quiser uma ordem alfabética estável que sobreviva a qualquer analisador — útil para comparar configurações.
Qual o tamanho máximo de um número que o JSON pode armazenar?
O próprio JSON não impõe limite, mas o JavaScript analisa todos os números como um IEEE-754 duplo. Inteiros além de ±2^53 (cerca de 9 quatrilhões) perdem precisão — 9007199254740993 torna-se 9007199254740992.
Se o seu payload transportar IDs de 64 bits ou timestamps em nanossegundos, mantenha-os como strings; esta ferramenta não os corromperá, mas qualquer coisa que você colar no código JS corromperá.
Quando devo minificar em vez de embelezar?
Embeleze para qualquer coisa que um humano leia: revisão de código, depuração, documentação. Minifique para qualquer coisa que uma máquina transfira: corpos de API, parâmetros de URL, variáveis de ambiente e arquivos .env.
Minificar um payload típico de API economiza de 15 a 30% de bytes sem alteração estrutural — é a compressão mais barata que existe.
Para que serve a escape?
A escape envolve o JSON como um literal de string: aspas se tornam \" e quebras de linha se tornam \n, para que possa ficar dentro de outro valor JSON, um comando de shell ou uma variável de ambiente sem quebrar.
A função Desfazer escape inverte isso. Se você já copiou um payload de uma linha de log que parecia {"a":1}, esse é o formato — cole-o aqui e clique em Desfazer escape.
Perguntas frequentes
Meu JSON é carregado ou armazenado em algum lugar?
Não. Tudo é executado no seu navegador com JavaScript — nenhuma requisição envia seu JSON para lugar nenhum, funciona offline e nada é gravado no armazenamento local, então atualizar a página limpa o input.
Por que a formatação falha no meu arquivo de configuração?
Provavelmente não é JSON estrito: JSONC / JSON5 permitem comentários e vírgulas finais, YAML é baseado em indentação, e arquivos .env são pares chave=valor. Remova comentários e vírgulas finais primeiro, ou use um analisador feito para esse formato.
Classificar chaves também altera arrays?
Não. A ordem do array é significativa (primeiro item, segundo item…), portanto os arrays permanecem sempre em seu lugar. Apenas as chaves dos objetos — incluindo objetos aninhados dentro de arrays — são ordenadas alfabeticamente.
O que significa "Erro perto de L12 : C34"?
É a linha e coluna baseadas em 1 onde o analisador (parser) desistiu: linha 12, coluna 34. O erro real geralmente está nesse local ou logo antes dele — uma vírgula faltando na linha anterior, uma aspresa não escapada ou uma vírgula final antes de uma chave de fechamento.
Existe um limite de tamanho? Funciona em dispositivos móveis?
Não há um limite rígido — formatar alguns megabytes de saída de log funciona. Em dispositivos básicos, entradas muito grandes (dezenas de MB) podem apresentar atrasos, pois cada pressionamento de tecla realiza nova análise e formatação. O layout é responsivo; o editor se adapta à largura da tela.