JSON Formatter & Validator Online

Hoe te gebruiken

1. Plak je JSON in het invoervak links (of klik op "Voorbeeld laden" om het te proberen).
2. Kies 2-spatie- of 4-spatie-inspringing.
3. Klik op "Formatteren" om leesbaar te maken, of op "Minify" om te comprimeren tot één regel.
4. Als de JSON ongeldig is, lees dan de foutmelding onder de vakken om het probleem te vinden.
5. Klik op "Kopiëren" om het resultaat naar je klembord te kopiëren.

Voorbeeld

Invoer

{"name":"CodeKitHub","tools":["json","base64"],"free":true}

Uitvoer

{
  "name": "CodeKitHub",
  "tools": [
    "json",
    "base64"
  ],
  "free": true
}

Dezelfde data, geformatteerd met 2-spatie-inspringing. Minify doet het omgekeerde: het verwijdert alle witruimte.

Wat is deze tool?

Een JSON-formatter neemt ruwe, geminifieerde of rommelige JSON-tekst en herschrijft deze met consistente inspringing en regeleinden, zodat het gemakkelijk leesbaar wordt. JSON (JavaScript Object Notation) is het meest gebruikte dataformaat voor API's, configuratiebestanden en logsystemen, maar servers sturen het meestal als één lange onleesbare regel om bandbreedte te besparen.

Deze tool werkt ook als JSON-validator: het ontleedt je invoer volgens dezelfde strikte regels die browsers gebruiken, dus als je JSON een ontbrekende komma, een niet-aangehaalde sleutel of een sleepkomma heeft, zie je de exacte foutmelding in plaats van een stille mislukking.

JSON is formeel gedefinieerd door twee op elkaar afgestemde standaarden, RFC 8259 en ECMA-404 — en de specificatie is bewust strenger dan JavaScript zelf, wat verklaart waarom een fragment dat prima draait als JS-code hier toch kan mislukken bij strikte JSON-validatie.

Praktische tips

• Bezig met het debuggen van een API? Plak eerst de ruwe response, formatteer daarna — de validator wijst de exacte regel en kolom van elk syntaxprobleem aan, wat beter is dan turen naar één lange regel.
• Gebruik 2-spatie-inspringing om op scherm te lezen en minifieer voordat je JSON in een URL, een omgevingsvariabele of een chatbericht plakt — witruimte kost daar alleen bytes.
• JSON5-stijl commentaar en sleepkomma's zijn de twee meest voorkomende redenen waarom handgeschreven configuratie "er goed uitziet" maar toch faalt bij validatie: strikte JSON staat geen van beide toe.
• Formatteer bij zeer grote bestanden (logs, databasedumps) alleen het fragment waarin je geïnteresseerd bent — je editor blijft responsief en de structuur is gemakkelijker te volgen.

Waar dit past in echte workflows

De meest voorkomende flow die we zien: een API retourneert Base64-omhulde of geminifieerde JSON binnen een token- of webhook-payload. Decodeer eerst de Base64, formatteer daarna de JSON, en vergelijk als derde stap twee responses wanneer er iets veranderd is tussen omgevingen. Elke stap heeft hier een eigen tool, en je payloads verlaten op geen enkel moment de browser.

Frontend-ontwikkelaars gebruiken de minify-richting net zo vaak als formatteren: verzend je een groot statisch JSON-bestand? Minifiëren bespaart doorgaans 20–30% nog voordat gzip überhaupt begint.

→ Base64 Encoder / Decoder · Tekstverschil

JSON formatter versus andere manieren om JSON te formatteren

Er zijn meerdere manieren om leesbare JSON te krijgen — de browserconsole, een editorplugin, het jq-commando in de terminal. Onderstaande tabel vat samen wanneer welke aanpak past.

Veelvoorkomende toepassingen

• Een geminifieerde API-response die als één onleesbare regel is teruggegeven, lezen om de structuur te begrijpen tijdens het debuggen.
• Een configuratiebestand (zoals een package.json of een op JSON gebaseerd instellingenbestand) valideren dat mysterieus niet correct wordt gelezen door een applicatie.
• Een leesbaar, geformatteerd JSON-fragment delen in een bugrapport, code review of documentatie.
• Een JSON-payload verkleinen tot zijn kleinste vorm voordat je het inbedt in een URL-parameter of opslaat in een databasekolom met groottelimieten.

Waarom gebruiken?

De backend gaf een 500-fout en in het log staat maar één eindeloze JSON-regel — je plakt hem hier en binnen enkele seconden zie je precies welk veld null bevat in plaats van het verwachte object.

Je test de payload van een betaalverzoek en wilt zeker weten dat er geen syntaxfout in zit voordat je naar productie deployt — de validatie hier bevestigt dat direct, zonder de hele applicatie te starten.

Je verwerkt klantgegevens (naam, adres, e-mail) uit een export en moet AVG-conform blijven — omdat alles lokaal in de browser draait, verlaten die persoonsgegevens nooit je apparaat, ook niet om alleen de structuur te bekijken.

Je staat op het punt een configuratie-object in een <script>-tag op een live site te plakken — minify verkleint het en bespaart kilobytes bij elke paginalading.

Een collega stuurde een geminifieerde JSON-fixture in een GitHub pull request — je formatteert hem hier zodat de diff in de code review daadwerkelijk iets zegt, in plaats van één onleesbare regel.

Veelgestelde vragen