スマホアプリに必要なアイコンのサイズとは？【2024年最新版】

2024年9月4日

iOSアプリ、Androidアプリには必ずアプリ用のアイコンがあります。
必須のアイコン素材ですが、新しい機種の登場により使われるアプリアイコンのサイズも変化しています。
そこで今回は2024年版アプリアイコンに必要な画像サイズをまとめてみました。

iPhoneやiPadといったiOSに使われるアイコンは角丸四角形が特徴。
必須となるアイコンの画像サイズは以下の通りです。

利用用途	サイズ（px）
アプリストア表示用（各種アイコンサイズ自動生成に利用）	1024×1024

また、以下の条件を満たす必要があります。

基本、上記のアプリストア用の画像があれば問題はありませんが、特定機種ごとに画像を用意したい場合は次の画像を用意します。

利用用途	サイズ@2x（px）	サイズ@3x（px）
iPhoneのホーム画面	120×120	180×180
iPad Proのホーム画面	167×167	–
iPad、iPad miniのホーム画面	152×152	–
iPhone、iPad Pro、iPad、iPad miniのSpotlight	80×80	120×120
iPhone、iPad Pro、iPad、iPad miniの設定	58×58	87×87
iPhone、iPad Pro、iPad、iPad miniの通知	76×76	114×114

※@3xはiPhoneのみ利用します。
※＠2×・＠3×とは、画面をさらに美しく表示させるため、表示サイズの2倍、または3倍の画像を圧縮して(高密度で)表示させることを示しています。

Google PixelやXperiaといったAndroidに使われるアイコンは、円形〜角丸四角形とバリエーションに富んでいるのが特徴。
Android8.0未満とAndroid8.0以上で仕様が異なりますが、仕様にない限りAndroid8.0以上に対応すれば十分ではないかと思います。

必要となるアプリアイコンの画像は以下の通りです。

アダプティブアイコンに必要な画像サイズは以下の通りです。

また、アプリストア表示用の画像は以下の条件を満たす必要があります。

アダプティブアイコンとはAndroid8.0以降に登場した、2つのレイヤーで構成されている、動きのあるアイコンのことです。
挙動面に関してはAdaptive IconsというGoogleから提供されているシミュレータをぜひご確認ください。

アダプティブアイコンは前面（foreground）がメインアイコン、背面（background）は背景として利用されます。
前面（foreground）に使う画像は、必要に応じて背面が見えるように透過させます。

※アダプティブアイコンのレイヤー。最終的に右側のアイコンイメージのようにトリミングされる。

アプリアイコンにはiOS・Androidともに公式からテンプレートや推奨事項・ガイドラインが紹介されています。
より良いアプリ実現のため、チェックしておくことをおすすめします。

公式のAppleではアイコン作成に役立つテンプレートが提供されています。
下記リンクのiOS and iPadOSにある「Production Templates」という項目から取得できます。（sketch/figma/Photoshopのいずれかで利用可能）

また、アイコンにはどんなデザインを利用すると良いのか、環境ごとの考慮事項をアプリアイコンのベストプラクティスとして記述されています。

公式のGoogleでもアイコン作成に役立つテンプレートが提供されています。
下記はGoogle公式から提供されているfigmaのデザインテンプレートになります。

また、アダプティブアイコンに関するガイドラインもGoogle Developersで記述されています。

補足：再度記載していますが、やはりアダプティブアイコンのシミュレータも目で見てわかりやすく、おすすめです！

補足2：Google Developersの開発者向け確認ツールもあります。

最後までお読みいただきありがとうございました。
この記事が少しでもお役に立てれば幸いです。
iOSのアイコンに比べAndroidは少々大変な印象です…
よく見るアイコンだからこそ、引き続き理解を深めながら取り組んでいければと思っております！