Чем standalone отличается от minimal-ui?

Standalone полностью прячет интерфейс браузера, и приложение выглядит как нативное. Minimal-ui сохраняет небольшую панель навигации сверху (обычно «назад» и «обновить»). Fullscreen убирает даже строку состояния, удобен для игр.

Какие размеры иконок реально нужны?

Как минимум PNG 192×192 и 512×512 — Chrome и Edge берут их для домашнего экрана и splash. Добавьте 144×144 для старых плиток Windows и 512×512 с `purpose: maskable`, чтобы Android мог обрезать иконку без потери деталей.

Зачем нужны и name, и short_name?

`name` показывается в окне установки и списке приложений, `short_name` — под иконкой на главном экране, где помещается около 12 символов. Если пропустить short_name, система некрасиво обрежет name почти на всех телефонах.

Куда класть файл manifest.json?

Сохраните как `manifest.json` (или `manifest.webmanifest`) в корне сайта и подключите из ` ` тегом ` `. Браузер загружает его при первой загрузке страницы.

Достаточно ли одного manifest, чтобы сайт стало можно установить?

Нет. Браузеру нужны ещё Service Worker, обрабатывающий событие `fetch`, HTTPS и хотя бы одна иконка 192×192. Manifest задаёт метаданные, а Service Worker подтверждает, что сайт умеет работать офлайн.

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

Создавайте файлы манифеста PWA

manifest.json

Название приложения

Краткое название

Описание

Начальный URL

Область действия

ID приложения

Однозначно идентифицирует приложение между установками и источниками. Оставьте пустым, чтобы использовать start_url. Подойдёт путь вроде /?app или любая постоянная строка.

Язык

Тег BCP 47 основного языка приложения, например ru или en-US. Оставьте пустым, чтобы устройство определило его само.

Направление текста

Категории

Категории магазина через запятую, например productivity, utilities. Используются для классификации установки.

Режим отображения

Ориентация

Цвет темы

Цвет фона

Иконки

URL источника

Размер

Тип

Назначение

URL источника

Размер

Тип

Назначение

Проверки устанавливаемости

•Нет маскируемого значка. Android обрезает квадратный значок, поэтому добавьте один с purpose: maskable.

Предпросмотр

manifest.json

{
  "name": "Моё приложение",
  "short_name": "Прил.",
  "description": "Прогрессивное веб-приложение",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#4A90D9",
  "background_color": "#FFFFFF",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    }
  ]
}

Что такое Генератор manifest.json?

Генератор manifest.json помогает создать полный манифест веб-приложения для PWA. Заполните информацию о приложении и получите готовый к использованию файл manifest.json со всеми обязательными и необязательными полями в правильном формате.

Настраивайте name, short_name, description, start_url, scope, режим отображения (standalone, fullscreen, minimal-ui, browser), ориентацию, цвет темы, цвет фона и любое число иконок с размерами, типом и purpose. Результат соответствует спецификации W3C Web App Manifest, поэтому Chrome, Edge и Safari принимают его при «Добавить на главный экран».

Как использовать

Введите основные данные приложения: название, короткое название, описание, цвет темы и цвет фона.
Настройте режим отображения (standalone, fullscreen, minimal-ui), ориентацию экрана, стартовый URL и область действия.
Добавьте записи иконок с указанием размеров, затем скопируйте или скачайте сгенерированный файл manifest.json для вашего проекта.

Когда использовать

Добавить кнопку «Установить приложение» в существующий веб-проект, чтобы он появился в системном лаунчере.
Подобрать цвет splash-экрана и иконку для внутреннего PWA, который раздают полевым сотрудникам.
Сгенерировать базовый manifest для шаблона Next.js или Vite, у которого его нет по умолчанию.

Результат

Вы хотите превратить кулинарный сайт в PWA. Укажите название «Мои рецепты», цвет темы — фирменный зелёный, режим отображения — standalone, и сгенерируйте манифест для размещения в корне проекта.

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

Чем standalone отличается от minimal-ui?: Standalone полностью прячет интерфейс браузера, и приложение выглядит как нативное. Minimal-ui сохраняет небольшую панель навигации сверху (обычно «назад» и «обновить»). Fullscreen убирает даже строку состояния, удобен для игр.
Какие размеры иконок реально нужны?: Как минимум PNG 192×192 и 512×512 — Chrome и Edge берут их для домашнего экрана и splash. Добавьте 144×144 для старых плиток Windows и 512×512 с `purpose: maskable`, чтобы Android мог обрезать иконку без потери деталей.
Зачем нужны и name, и short_name?: `name` показывается в окне установки и списке приложений, `short_name` — под иконкой на главном экране, где помещается около 12 символов. Если пропустить short_name, система некрасиво обрежет name почти на всех телефонах.
Куда класть файл manifest.json?: Сохраните как `manifest.json` (или `manifest.webmanifest`) в корне сайта и подключите из `<head>` тегом `<link rel='manifest' href='/manifest.json'>`. Браузер загружает его при первой загрузке страницы.
Достаточно ли одного manifest, чтобы сайт стало можно установить?: Нет. Браузеру нужны ещё Service Worker, обрабатывающий событие `fetch`, HTTPS и хотя бы одна иконка 192×192. Manifest задаёт метаданные, а Service Worker подтверждает, что сайт умеет работать офлайн.

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

manifest.json

Иконки

Проверки устанавливаемости

Предпросмотр

Что такое Генератор manifest.json?

Как использовать

Когда использовать

Результат

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

Похожие инструменты

Генератор структурированных данных

Веб-страница в PDF

Генератор политики конфиденциальности

Генератор условий использования

Генератор согласия на использование файлов cookie

Минификатор CSS

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

manifest.json

Иконки

Проверки устанавливаемости

Предпросмотр