PWAに必要な最小個数のアイコンサイズについて

WEB制作
PWAに必要な最小個数のアイコンサイズについて

WEBをPWA対応させるには、様々なアイコンが必要になります。

そして、以下のツール類を用いれば簡単に色んなファイルサイズの画像を生成してくれますが…

今回は、逆の切り口でPWAに最小個数のアイコン画像のサイズについて考えました。

目次

スプラッシュ画面（512×512）

まず、android用でスプラッシュ画面を表示させたい場合は、512×512のpngアイコンが必要です。

インストールバナー・アプリアイコン（192×192）

これもandroid用ですが、インストールバナーを表示させるに192×192のpngアイコンが必要です。 また、192×192はAndoroid Chrome用ホームアイコンの推奨サイズです。

apple-touch-icon（180×180）

iPhone 6s Plus and iPhone 6 Plus (@3x)の最大サイズは、180×180の様です。iPhone 6sと書きましたがiPhone 8まで含まれると思います。

まとめ

まとめるとPWA対応には、最小で以下の3つの画像サイズのアイコンが必要になるようです。

  • 180×180
  • 192×192
  • 512×512