Web-манифест должен включать иконки 192px

Внести вклад Функция
1

Похоже, Discourse предоставляет иконку размером 512 пикселей в файле манифеста веб-приложения в формате JSON. В разделе настроек сайта «Брендинг» есть только одно поле для иконки манифеста, что намекает на то, что загружаемые изображения будут масштабироваться до 512×512 пикселей.

{
   ...
   "icons":[
      {
         "src":"https://community.toph.co/uploads/default/optimized/2X/5/5b9de7676657b71384fb77c662616d73765f0293_2_512x512.png",
         "sizes":"512x512",
         "type":"image/png"
      },
      {
         "src":"https://community.toph.co/uploads/default/optimized/2X/5/5b9de7676657b71384fb77c662616d73765f0293_2_512x512.png",
         "sizes":"512x512",
         "type":"image/png",
         "purpose":"maskable"
      }
   ],
   ...
}

Однако, согласно https://web.dev/add-manifest/:

Для Chrome необходимо предоставить как минимум иконку размером 192×192 пикселя и иконку размером 512×512 пикселей.

Я заметил, что это также верно для Firefox (по крайней мере, на устройстве с LineageOS). Вот как это выглядит:

photo_2021-04-15_23-25-11
photo_2021-04-15_23-25-11453×605 17.6 KB

Обратите внимание на две иконки: Toph и Drafts? Обе предоставляют иконки размером 192 пикселя (помимо других размеров). Ранее у Toph и Drafts было несколько иконок, но не размером 192 пикселя. Кроме того, они выглядели похоже на иконку Community (то есть имели тёмную обводку вокруг белой области). Приложение Community на этом снимке экрана — это экземпляр Discourse.

2

Похоже, это проблема с LineageOS или, возможно, с версией вашего браузера.

Я протестировал это в Chrome (версия 89) и Firefox (версия 87) на Android (версия 10), и всё работает нормально:

Screenshot from 2021-04-15 23-00-27
Screenshot from 2021-04-15 23-00-27452×236 56.8 KB

Также протестировал в Safari:

unnamed
unnamed1125×2001 446 KB

Судя по тому, что я вижу в коде, вы правы: размер только один — 512 пикселей. Устройства, браузеры и рекомендуемые для них размеры настолько разнообразны, что, наверное, сложно для Discourse покрыть их все. Однако 512 пикселей, похоже, хорошо работает в большинстве случаев.

4 лайка
3

У меня Meta установлена как PWA через Firefox и Chrome на телефоне, и иконка 512px работает у меня отлично.

Мы могли бы добавить задачу по изменению размера иконки 512px, но если это не влияет на наши официально поддерживаемые платформы, я не вижу в этом смысла.

Можете ли вы воспроизвести это с Meta / Android Chrome?

4 лайка