ウェブマニフェストには192pxのアイコンを含めるべき

貢献 特徴
1

Discourse は Web マニフェスト JSON ファイルに 512px のアイコンを提供しているようです。サイト設定のブランディングセクションには、マニフェストアイコンのフィールドが 1 つあるだけで、アップロードされた画像が 512×512px にスケーリングされることを示唆しています。

{
   ...
   "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"
      }
   ],
   ...
}

ただし、Add a web app manifest  |  Articles  |  web.dev によると：

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 の 2 つのアイコンに注目してください。どちらも 192px のアイコン（他にもサイズあり）を提供しています。以前は Toph と Drafts には複数のアイコンがありましたが、192px のものは含まれていませんでした。また、それらのアイコンは Community のアイコン（白い領域の周りに暗いパディングがあるもの）に似ていました。このスクリーンショットの Community アプリは Discourse インスタンスです。

2

これは LineageOS の問題か、あるいはお使いのブラウザのバージョンの問題のようです。

私は Android (バージョン 10) 環境の Chrome (バージョン 89) と Firefox (バージョン 87) でこれをテストしましたが、問題なく表示されました：

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

code を見るとおっしゃる通り、サイズは 512 ピクセルのみとなっています。対応すべきデバイスやブラウザ、推奨サイズが非常に多いため、Discourse 側で全てを網羅するのは難しいのでしょう。とはいえ、512 ピクセルであればほとんどの場合問題なく動作しているようです。

「いいね！」 4
3

Meta を Firefox と Chrome の両方で PWA としてインストールしていますが、512px のアイコンは私の環境では問題なく機能しています。

512px のアイコンをリサイズするタスクを追加することもできますが、公式にサポートされているプラットフォームで違いが生じないのであれば、その価値は感じません。

Meta / Android Chrome でこれを再現できますか？

「いいね！」 4