JSON форматтер онлайн
Войдите или зарегистрируйтесь, чтобы сохранять инструменты в избранное
Форматирование, валидация и минификация JSON онлайн
Инструмент для форматирования и минификации JSON-данных.
Поддерживает валидацию JSON — при наличии ошибок в синтаксисе будет показано сообщение с описанием проблемы.
Вы можете вставить JSON из API-ответов, конфигурационных файлов, баз данных и других источников.
Кнопка «Форматировать» добавляет отступы для удобного чтения, «Минифицировать» — удаляет все пробелы для компактного представления.
JSON Форматтер онлайн — форматирование, валидация, древовидный просмотр
JSON (JavaScript Object Notation) — универсальный текстовый формат обмена данными, ставший стандартом для REST API, конфигурационных файлов, баз данных NoSQL и межсервисного взаимодействия. Наш форматтер превращает минифицированную строку в читаемый документ с отступами, проверяет синтаксис и показывает структуру в виде дерева.
Возможности инструмента
- Pretty Print — добавляет отступы (2/4 пробела или табуляция) и переносы строк для удобного чтения вложенных структур
- Минификация — удаляет все пробелы и переносы, уменьшая размер для передачи по сети на 30–60%
- Валидация — проверяет синтаксис и указывает строку с ошибкой: незакрытые скобки, лишние запятые, неправильные кавычки
- Tree View — древовидное представление с раскрытием/сворачиванием узлов для навигации по глубоко вложенным объектам
- Статистика — количество ключей, глубина вложенности, размер файла
Сравнение форматов данных
| Параметр | JSON | XML | YAML |
|---|---|---|---|
| Читаемость | Хорошая | Средняя (много тегов) | Отличная |
| Размер | Компактный | Большой (+30–50%) | Компактный |
| Типы данных | string, number, boolean, null, array, object | Всё — строки | Как JSON + даты, многострочный текст |
| Комментарии | Не поддерживает | Поддерживает | Поддерживает |
| Парсинг | Нативный (JSON.parse) | Требует парсер | Требует библиотеку |
| Применение | API, конфиги, БД | SOAP, RSS, SVG | Docker, K8s, CI/CD |
Частые ошибки в JSON
- Trailing comma — запятая после последнего элемента:
{"a": 1,}. В JSON это запрещено, хотя JavaScript допускает. - Одинарные кавычки —
{'key': 'value'}. JSON требует только двойные кавычки. - Ключи без кавычек —
{key: "value"}. Все ключи должны быть в двойных кавычках. - Комментарии —
// commentили/* */. JSON не поддерживает комментарии. - Неэкранированные спецсимволы — переносы строк, табуляции и обратные слэши внутри строк должны быть экранированы.
Примеры использования
Отладка API: скопируйте ответ API, вставьте в форматтер — увидите структуру данных с подсветкой и сможете найти нужное поле через tree view.
Оптимизация: минифицируйте JSON перед отправкой в production — это уменьшит payload на 30–60% и ускорит загрузку страницы.
Конфигурации: проверьте package.json, tsconfig.json или любой конфигурационный файл на корректность синтаксиса перед деплоем.
Часто задаваемые вопросы
Чем JSON отличается от JavaScript-объекта?
JSON — это текстовый формат с жёсткими правилами: только двойные кавычки, нет комментариев, нет функций, нет undefined. JavaScript-объект более гибкий и является структурой в памяти, а не текстом.
Какой максимальный размер JSON обрабатывает инструмент?
Обработка происходит в браузере, поэтому ограничение — объём оперативной памяти. На практике файлы до 10–50 МБ обрабатываются без проблем.
Безопасно ли вставлять конфиденциальные данные?
Да. Все операции выполняются локально в вашем браузере. Данные не отправляются на сервер.
Как исправить ошибку «Unexpected token»?
Эта ошибка означает, что парсер встретил символ, которого не ожидал. Чаще всего — trailing comma, одинарные кавычки или комментарии. Валидатор покажет позицию ошибки.
Можно ли конвертировать JSON в другой формат?
Для конвертации XML используйте XML валидатор, а для работы с SQL — SQL форматтер. Для кодирования в Base64 — Base64 кодер.
Полезные статьи
Контрастность цветов WCAG: проверка доступности сайта
Полное руководство по контрастности цветов: стандарты WCAG 2.1, уровни AA и AAA, формула расчёта, практические примеры хорошего и плохого контраста, и как исправить проблемы доступности.
CSS Border Radius: скругление углов элементов
Как использовать border-radius: синтаксис, сокращённая запись, эллиптические углы. Генератор border-radius онлайн.