Руководство по манифесту веб-приложения
Манифест веб-приложения (site.webmanifest) сообщает устанавливаемым браузерам имя вашего приложения, цвета и размеры значков, которые следует использовать на главном экране. Соедините его с значками PNG 192×192 и 512×512 для полной настройки значка PWA.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Свяжите манифест с <link rel="manifest" href="/site.webmanifest">. Внутри JSON массив значков должен включать как минимум записи размером 192×192 и 512×512 с типом image/png и любым назначением (при необходимости добавьте маскируемые варианты для адаптивных значков Android).
Установите theme_color и background_color в соответствии с вашим брендом — они управляют хромом браузера и заставкой во время установки.
Как это работает
- 1
Создать значок PNGs
192 и 512 из нашего пакета генератора значков.
- 2
Создать site.webmanifest
Включите имя, короткое_имя, значки, цвет темы, отображение.
- 3
Ссылка в HTML
<link rel="manifest" href="/site.webmanifest"> плюс мета-цвет темы.
Попробовать сейчас
Создать пакет значков PWA
Генератор фавиконовЧастые вопросы
Требуется ли манифест для базового веб-сайта?+
Нет — только если вы хотите установить на главный экран или более богатый Chrome Android. Для вкладок работает только Favicon.ico.
Какие размеры значков указаны в манифесте?+
Для подсказок по установке требуются размеры 192×192 и 512×512. Добавьте 384 или маскируемые значки для полировки.
Могу ли я использовать SVG в манифесте?+
В некоторых случаях Chromium поддерживает SVG, но PNG является безопасным значением по умолчанию для пользовательских интерфейсов кроссбраузерной установки.