Аудит иконок манифеста PWA

Вставьте JSON-содержимое вашего manifest.json, чтобы проверить наличие рекомендуемых размеров иконок (192x192, 512x512), purpose «maskable» и правильных форматов перед публикацией прогрессивного веб-приложения.

Пример:

Как это работает

Манифест PWA, технически корректный как JSON, всё равно может не содержать иконок, которые браузеры ожидают для предложения установки, или объявлять иконки, которые на Android будут неправильно обрезаны из-за отсутствия «maskable»-зоны. Инструмент анализирует массив icons вашего манифеста и перечисляет типичные проблемы: отсутствующие размеры, нехватка purpose maskable, нестандартные форматы или отсутствие обязательных полей.

Почему рекомендуются размеры 192x192 и 512x512?

Это два размера, которые браузеры и операционные системы ожидают чаще всего: для значка на главном экране (192x192) и для случаев, требующих более высокого разрешения, например экрана-заставки при запуске (512x512). Без них некоторые браузеры просто отказываются предлагать установку приложения.

Что такое «maskable»-иконка?

Иконка с "purpose": "maskable" создаётся с достаточной центральной безопасной зоной, чтобы её можно было обрезать под разные формы (круг, скруглённый квадрат, каплю…) в зависимости от системы Android пользователя, не потеряв важные элементы логотипа. Без отдельной maskable-иконки Android может применить автоматическую обрезку, которая исказит или обрежет изображение.

Конфиденциальность: вставленное содержимое анализируется полностью в вашем браузере, никакие данные не отправляются на сервер.