Jak se používá
- Vložte svůj JSON do vstupního pole vlevo (nebo klikněte na "Load Example" pro vyzkoušení).
- Vyberte odsazení 2 nebo 4 mezery.
- Klikněte na "Format" pro zkrášlení, nebo na "Minify" pro zkomprimování na jeden řádek.
- Pokud je JSON neplatný, přečtěte si chybovou hlášku pod poli, abyste našli problém.
- Klikněte na "Copy" pro zkopírování výsledku do schránky.
Příklad
Vstup
{"name":"CodeKitHub","tools":["json","base64"],"free":true}Výstup
{
"name": "CodeKitHub",
"tools": [
"json",
"base64"
],
"free": true
}Stejná data, zformátovaná s odsazením 2 mezery. Minifikace dělá opak: odstraní všechny mezery.
Co je tento nástroj?
JSON formátovač vezme syrový, minifikovaný nebo nepřehledný text JSON a přepíše ho s konzistentním odsazením a zalomením řádků, aby se snadno četl. JSON (JavaScript Object Notation) je nejběžnější datový formát používaný API, konfiguračními soubory a logovacími systémy, ale servery ho obvykle posílají jako jeden dlouhý nečitelný řádek kvůli úspoře přenosových dat.
Tento nástroj funguje i jako JSON validátor: zpracuje váš vstup podle stejných přísných pravidel, jaké používají prohlížeče, takže pokud váš JSON má chybějící čárku, neuzavřený klíč v uvozovkách nebo přebytečnou čárku na konci, uvidíte přesnou chybovou hlášku místo tichého selhání.
JSON je formálně definován dvěma sladěnými standardy, RFC 8259 a ECMA-404 — a specifikace je záměrně přísnější než samotný JavaScript, což je důvod, proč úryvek, který v pořádku běží jako JS kód, tady může přesto selhat na přísné validaci JSON.
Praktické tipy
- Ladíte API? Nejdřív vložte syrovou odpověď, formátování udělejte až potom — validátor přesně určí řádek a sloupec jakéhokoli syntaktického problému, což je lepší než mhouřit oči na jednořádkový blob.
- Použijte odsazení 2 mezery pro čtení na obrazovce a minifikujte před vložením JSON do URL, proměnné prostředí nebo chatové zprávy — mezery tam stojí jen bajty navíc.
- Komentáře ve stylu JSON5 a přebytečné čárky na konci jsou dva nejčastější důvody, proč ručně psaná konfigurace „vypadá dobře“, ale selže na validaci: přísný JSON nepovoluje ani jedno.
- U velmi velkých souborů (logy, výpisy databází) formátujte jen fragment, který vás zajímá — editor zůstane responzivní a struktura se snáz sleduje.
Kde se to hodí v reálné praxi
Nejčastější tok, který vidíme: API vrátí JSON zabalený v Base64 nebo minifikovaný uvnitř tokenu nebo payloadu webhooku. Nejdřív dekódujte Base64, poté zformátujte JSON a jako třetí krok porovnejte dvě odpovědi, když se něco změnilo mezi prostředími. Pro každý krok tu máme samostatný nástroj a vaše payloady u žádného z nich neopustí prohlížeč.
Frontend vývojáři používají směr minifikace stejně často jako formátování: nasazujete velký statický JSON soubor? Minifikace typicky ušetří 20–30 % ještě předtím, než se do toho pustí gzip.
JSON formátovač vs. další způsoby, jak zformátovat JSON
Existuje víc cest, jak dostat čitelný JSON — konzole prohlížeče, editor s pluginem, příkaz jq v terminálu. Tabulka níže shrnuje, kdy se který přístup hodí.
| Metoda | Rychlost | Validace chyb | Soukromí dat |
|---|---|---|---|
| Tento nástroj | Okamžitě, žádná instalace | Přesný řádek a sloupec chyby | 100% lokálně v prohlížeči |
| Konzole prohlížeče (JSON.stringify) | Rychlé, pokud je konzole otevřená | Obecná chyba bez pozice | Lokálně, ale vyžaduje DevTools |
| Editor s pluginem (VS Code apod.) | Rychlé při psaní kódu | Podtržení chyby přímo v editoru | Lokálně, závisí na pluginu |
| jq / příkazová řádka | Rychlé pro skriptování a CI | Chyba parsování bez detailního kontextu | Lokálně, vyžaduje terminál |
Časté případy použití
- Čtení minifikované odpovědi API vrácené jako jeden nečitelný řádek, pro pochopení její struktury při ladění.
- Validace konfiguračního souboru (jako package.json nebo nastavení založené na JSON), který se aplikaci záhadně nedaří správně číst.
- Sdílení čitelného, zformátovaného úryvku JSON v hlášení chyby, code review nebo dokumentaci.
- Zmenšení payloadu JSON na nejmenší formu před vložením do parametru URL nebo uložením do sloupce databáze s limitem velikosti.
Proč ho používat?
Backend vám vrátil chybu 500 a v logu je jen jeden nekonečný řádek JSON — vložíte ho sem a za pár vteřin vidíte přesně, které pole obsahuje null místo očekávaného objektu.
Testujete platební bránu a chcete si být jistí, že request payload neobsahuje syntaktickou chybu dřív, než ho odešlete do produkce — validace tady to potvrdí okamžitě, bez nutnosti spouštět celou aplikaci.
Chystáte se vložit konfigurační objekt do <script> tagu na produkční web — minifikace ho zmenší a ušetří pár kilobajtů při každém načtení stránky.
Ladíte export z interního systému, který obsahuje rodná čísla nebo interní ID zaměstnanců — protože vše běží lokálně, nic z toho neopustí váš počítač jen kvůli přečtení struktury.
Kolega poslal minifikovaný JSON fixture v pull requestu na GitHubu — naformátujete ho, aby diff v code review dával smysl místo jedné nečitelné řádky.
Časté dotazy
Nahrávají se moje data JSON na server?
Ne. Tento nástroj běží zcela ve vašem prohlížeči pomocí JavaScriptu. Váš JSON nikdy neopustí vaše zařízení, takže je bezpečné ho používat s citlivými nebo interními daty.
Proč je můj JSON neplatný?
Nejčastější příčiny jsou: chybějící nebo přebytečné čárky, klíče bez dvojitých uvozovek, jednoduché uvozovky místo dvojitých, přebytečná čárka za posledním prvkem a komentáře (JSON komentáře nepovoluje). Chybová hláška pod vstupním polem vám řekne, co parser našel.
Jaký je rozdíl mezi Format a Minify?
Format přidá odsazení a zalomení řádků, aby byl JSON čitelný pro člověka. Minify odstraní všechny zbytečné mezery, aby byl JSON co nejmenší — užitečné před odesláním nebo vložením.
Existuje limit velikosti?
Nástroj nemá žádný pevný limit. Velmi velké soubory (desítky megabajtů) mohou být pomalejší v závislosti na vašem zařízení, protože veškeré zpracování probíhá lokálně ve vašem prohlížeči.
Dokáže tohle automaticky opravit poškozený JSON?
Ne — nástroj vám přesně řekne, kde je JSON poškozený, abyste to mohli opravit, ale nehádá a nemění vaše data. Je to záměr: tiché „opravování“ dat může skrýt skutečné chyby.
Podporuje nástroj JSON5 nebo JSONC (komentáře, koncové čárky, klíče bez uvozovek)?
Ne, a je to záměr — nástroj validuje podle přísného standardu RFC 8259, tedy formátu, který vyžadují vaše API a JSON.parse(). Pokud potřebujete zformátovat JSONC konfiguraci (například tsconfig.json), nejdřív z ní odstraňte komentáře, jinak je parser nahlásí jako chyby.
Jaký je rozdíl mezi tímto nástrojem a JSON.stringify() v konzoli prohlížeče?
JSON.stringify(JSON.parse(x), null, 2) udělá totéž přeformátování, ale potřebujete otevřenou konzoli a u neplatného vstupu dostanete jen obecnou chybu, zatímco tady vidíte přesný řádek a sloupec problému.
Funguje to i s hodně zanořeným JSON, například odpověďmi z GraphQL?
Ano — neexistuje žádný umělý limit hloubky zanoření, jen praktický limit paměti vašeho prohlížeče. Hluboce zanořené struktury jsou přesně ten případ, kde formátování pomáhá nejvíc, protože jednořádková verze je nad 3–4 úrovněmi téměř nečitelná.
Funguje nástroj i bez připojení k internetu?
Ano. Jakmile se stránka jednou načte, veškeré parsování a formátování běží lokálně v JavaScriptu — můžete se odpojit od sítě a JSON dál formátovat.
Funguje to ve starších prohlížečích nebo na firemním počítači s omezeními?
Nástroj používá standardní JavaScript API dostupné ve všech moderních prohlížečích (Chrome, Firefox, Edge, Safari) posledních několika let, včetně firemních verzí s vypnutým JavaScriptem třetích stran — žádné pluginy ani rozšíření nejsou potřeba.