Зачем конвертировать WEBMANIFEST в PNG?
Запросы на конвертацию webmanifest в .png поступают от разработчиков, которые видят записи иконок в манифесте и нуждаются в реальных файлах изображений, на которые указывают эти записи. PWA обычно требуются PNG 192x192, PNG 512x512 и маскируемый PNG 512x512, созданные из одного источника высокого разрешения. Манифест просто ссылается на них; инструменты создают пиксели и возвращают фрагмент JSON.
Способы конвертации WEBMANIFEST в PNG
pwa-asset-generator OPEN-SOURCE
Запустите npx pwa-asset-generator logo.svg ./icons, чтобы автоматически сгенерировать PNG для иконок и сплэш-экранов и обновить манифест и HTML.
Об этих форматах
Файл .webmanifest - это небольшой текстовый JSON-файл, который сообщает браузеру, как установить и отображать Progressive Web App (PWA), включая его название, иконки, начальный URL и цвета.…
Открыть детали .WEBMANIFEST →
.PNG
Portable Network Graphics
PNG (Portable Network Graphics) - это формат растровых изображений со сжатием без потерь. Любая современная ОС, браузер и графическое приложение открывают PNG нативно - достаточно двойного…
Открыть детали .PNG →Качество и на что обратить внимание
- Манифест не содержит данных изображения, поэтому качество полностью зависит от исходного логотипа - начинайте с 512x512 или больше.
- Маскируемым PNG нужны безопасные отступы вокруг логотипа, иначе Android обрежет важные края.
- Сгенерированные иконки ничего не заменяют автоматически; вы должны скопировать новый блок
iconsв свой манифест.
Часто задаваемые вопросы
Могу ли я извлечь PNG из самого файла манифеста?
Какие размеры мне нужны?
Какое исходное изображение лучше всего подходит?
Обновят ли инструменты мой манифест?
icons; CLI-инструменты, такие как pwa-asset-generator, могут записать его за вас.
