How to Beautify & Format JSON Online — Pretty Print, Indent & Minify

Raw JSON from an API, database dump, or log file is usually a single compressed line with no whitespace — nearly impossible to read. Beautifying JSON adds consistent indentation so the structure becomes instantly visible. This guide explains how to beautify JSON online in seconds, when to use 2-space vs 4-space indent, how to minify it back for production, and how to fix common formatting errors along the way.

Beautifying (also called pretty-printing or formatting) JSON means converting a compressed single-line JSON string into a multi-line, indented structure. The JSON data itself does not change — only the whitespace is added to make it human-readable.

{"id":42,"name":"Alice Smith","email":"alice@example.com","roles":["admin","editor"],"address":{"street":"123 Main St","city":"London","country":"UK","postcode":"EC1A 1BB"},"settings":{"theme":"dark","notifications":true,"language":"en"}}

{
  "id": 42,
  "name": "Alice Smith",
  "email": "alice@example.com",
  "roles": [
    "admin",
    "editor"
  ],
  "address": {
    "street": "123 Main St",
    "city": "London",
    "country": "UK",
    "postcode": "EC1A 1BB"
  },
  "settings": {
    "theme": "dark",
    "notifications": true,
    "language": "en"
  }
}

The indent size is a style preference, but ecosystem conventions are strong. Using the wrong indent size breaks consistency with your team's linter and editor settings.

const data = {
  user: { id: 42, name: 'Alice' },
  roles: ['admin', 'editor'],
};

// 2-space (JavaScript standard)
JSON.stringify(data, null, 2);

// 4-space (Python / enterprise convention)
JSON.stringify(data, null, 4);

// Tab indent
JSON.stringify(data, null, '	');

// Compact (production / wire transfer)
JSON.stringify(data);
// '{"user":{"id":42,"name":"Alice"},"roles":["admin","editor"]}'

Minifying reverses beautification — it removes all non-essential whitespace to produce the smallest possible JSON string. Use minified JSON for API responses, message queues, cache storage, and any performance-sensitive transfer.

// Minify by stringifying without a space argument
const minified = JSON.stringify(JSON.parse(prettyJson));

// Or: remove whitespace without parsing (risky — may corrupt string values with newlines)
// Always prefer parse → stringify for safe minification

// Size comparison example:
const pretty = JSON.stringify(data, null, 2);   // 312 bytes
const compact = JSON.stringify(data);            // 198 bytes
// 37% smaller — significant for large payloads or frequent calls

If pasting JSON into a beautifier produces an error instead of formatted output, the input has a syntax problem. The JSON Beautifier auto-fixes many common issues — here are the most frequent ones and their fixes.

{
  "name": "Alice",
  "age": 30,      ← trailing comma after last property
}

{
  "name": "Alice",
  "age": 30
}

{
  'name': 'Alice',
  'city': 'London'
}

{
  "name": "Alice",
  "city": "London"
}

{
  name: "Alice",
  age: 30,
  city: "London"
}

{
  "name": "Alice",
  "age": 30,
  "city": "London"
}

{
  // User settings
  "theme": "dark",
  /* display preferences */
  "language": "en"
}

{
  "theme": "dark",
  "language": "en"
}