Генератор manifest.json

Создайте файл манифеста для вашего сайта — чтобы он работал как PWA (Progressive Web App). Заполните форму и получите готовый JSON-файл с инструкцией по установке.

Заполните данные

Отображается на стартовом экране
Используется если не хватает места для полного имени
Отображается в некоторых браузерах
Страница, которая открывается при запуске приложения
Цвет адресной строки в браузере
Цвет фона на стартовом экране
192x192
512x512
Пути к иконкам на вашем сайте. Рекомендуем PNG.

Готовый manifest.json

Заполните форму слева и нажмите «Сгенерировать manifest.json»

📖 Инструкция

Как установить manifest.json

Пошаговая инструкция по подключению манифеста к вашему сайту

1
Скачайте файл

Нажмите кнопку «Скачать» и сохраните файл как manifest.json в корневую папку вашего сайта.

2
Загрузите иконки

Разместите иконки по тем путям, которые вы указали в форме. Обычно это папка /icons/.

3
Подключите в HTML

Добавьте в <head> вашего сайта ссылку на манифест:

<link rel="manifest" href="/manifest.json">
4
Проверьте

Откройте сайт в Chrome, нажмите F12 → вкладка Application → Manifest. Проверьте, что всё работает.

📱 Что такое PWA и зачем нужен manifest.json?

Manifest.json — это файл, который превращает ваш сайт в Progressive Web App (PWA). Это значит, что пользователи могут:

  • Установить ваш сайт на рабочий стол как приложение;
  • Запускать его в полноэкранном режиме без адресной строки;
  • Получить фирменный значок и заставку при загрузке;
  • Использовать офлайн-режим (вместе с Service Worker).

Важно: Для полноценного PWA кроме манифеста нужен Service Worker. Его можно сгенерировать по этой ссылке.

Частые вопросы

Вопросы о manifest.json

Ответы на самые частые вопросы о манифесте и PWA

PWA (Progressive Web App) — это технология, которая позволяет сайту работать как нативное приложение. Пользователь может установить ваш сайт на рабочий стол, запускать его без браузера, получать пуш-уведомления и работать офлайн. Это повышает лояльность и увеличивает возвращаемость посетителей.

Минимальный набор для PWA: иконки размером 192x192 и 512x512 пикселей. Формат — PNG (с прозрачностью или без). Для лучшей совместимости также можно добавить иконки 144x144, 256x256 и 384x384.

PWA поддерживается во всех современных браузерах: Google Chrome, Safari (начиная с iOS 11.3), Firefox, Edge, Opera. На Android установка происходит через Chrome, на iOS — через Safari.

Да, для полноценного PWA обязательно нужен Service Worker. Он отвечает за кэширование файлов, работу офлайн и пуш-уведомления. Манифест описывает внешний вид приложения, а Service Worker — его поведение. Без Service Worker сайт не считается PWA.

Самый простой способ: открыть сайт в Google Chrome, нажать F12 (или ПКМ → «Просмотреть код») и перейти на вкладку Application. В левом меню выберите Manifest. Если манифест загружен правильно, вы увидите все его поля. Также обратите внимание на вкладку Service Workers.