СОЗДАНИЕ · БЕСПЛАТНО

Бесплатный генератор Web App Manifest

Создайте manifest.webmanifest с названием, описанием, start URL, scope, режимом окна и цветами.

Живой JSON preview
Генерация в браузере
Скачивание manifest.webmanifest
Инструкция по подключению

ГЕНЕРАТОР В БРАУЗЕРЕ

Создайте manifest.webmanifest

Значения остаются в браузере. Проверьте JSON, затем скопируйте или скачайте файл.

manifest.webmanifest

Скачать

{
  "id": "/",
  "name": "My progressive web app",
  "short_name": "My PWA",
  "description": "An installable web application.",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#ff3f55",
  "background_color": "#fffaf3",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-maskable-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

Перед публикацией

Создайте три файла иконок, объявленных в манифесте.
Опубликуйте файл на том же HTTPS origin, что и приложение.
Добавьте <link rel="manifest" href="/manifest.webmanifest"> в head документа.
После деплоя запустите PWA Checker.

КАК ПОНЯТЬ РЕЗУЛЬТАТ

Как использовать Генератор манифеста

Материал подготовлен редакцией веб-платформы PWAs.app.

Что создаёт генератор

Генератор формирует основные поля идентичности, запуска и цветов. Скачанный файл — читаемый JSON с типом application/manifest+json.

До production добавьте реальные иконки 192×192 и 512×512, включая maskable-вариант.

Как подключить файл

Опубликуйте его на HTTPS-сайте и добавьте link rel=manifest на каждую устанавливаемую страницу.

После деплоя запустите PWA Checker и проверьте разрешение URL и scope.

ЧАСТЫЕ ВОПРОСЫ

Генератор манифеста: вопросы и ответы

Коротко о том, что проверяет публичный инструмент и что остаётся под контролем браузера или владельца.

Файл генерируется на сервере?

Нет. Форма, preview и скачивание работают локально в браузере.

Включены ли иконки?

В JSON добавлены типовые пути для 192×192, 512×512 и maskable-иконки. Создайте файлы и скорректируйте пути.

Scope должен содержать start URL?

Да. Разрешённый start URL должен оставаться внутри scope.