アプリアイコン：サイズ・仕様とデザインガイド

アプリアイコンのプロンプト例

以下のどれかをジェネレーターにコピーし、被写体・スタイル・色の単語を自分のアプリに合わせて書き換えてください。良いアプリアイコンプロンプトは3点を明示します。被写体と正方形内の位置、スタイルと色、そしてアイコンを出すプラットフォームです。

Xcode 14 以降、1024x1024 のマスター1枚で iOS の全場面をカバーします。iPhone のホーム画面は 180x180 px、iPad Pro は 167x167 px、iPad は 152x152 px、旧 iPhone は 120x120 px、Spotlight・通知・設定用には 80、60、40、29 px まで下がります。描くのは角の丸まっていない不透明な正方形1枚で、丸みは iOS 側の仕事です。アダプティブ形式はアートワークとマスクを分離します。提出するのはロゴ入りの前景レイヤーと、無地か落ち着いたパターンの背景レイヤー、どちらも 108x108 dp。表示が保証されるのは内側 66 dp だけで、失えない要素はその外に出しません。旧ランチャーは従来の 48 dp PNG を読むため、こちらも書き出します。Play のストア掲載アセットは APK/AAB 内部のリソースとは別物です。512x512、32ビット PNG、sRGB、1024 KB 未満、フル正方形。ブラウザからインストールできるアプリなら、manifest に 192x192 と 512x512 の PNG を追加し、内容をマスク可能なセーフエリア内に収めます。インストール後の PWA は Android のアイコンと同じようにマスクされます。

スマホのアプリアイコンが実際に表示される場所

アプリアイコンが現れる場所はホーム画面だけではありません。ストアの検索結果では競合のアイコンの隣に、製品ページではスクリーンショットの脇に、アプリドロワーや App ライブラリでは小さく、iOS の設定では 29 pt、通知では 20 pt で表示されます。まず最小の場所向けに設計してください。29 px で判別できるアイコンは、どこに出しても持ちます。

ジェネレーターがアプリアイコンのためにすること

プロンプト1つから、ストアが受け付けるファイルまでのすべて。

アプリアイコンのスタイル、フォトからフラットまで

サイズの規則を満たしたあとは、スタイルが残りの仕事を決めます。被写体を1つに絞って浅い被写界深度を効かせたフォト風アプリアイコンは、被写体が大きく中央にあれば写真・旅行アプリに合います。フラットとミニマルのマークは最小サイズで最も安定し、グラスと 3D のプリセットは細部に頼らず奥行きを加え、ピクセル風は小さなキャンバスの制約自体を見た目に変えます。生成の前にアイコンスタイルギャラリーで比較してください。3D、グラス、ミニマルの各ページでアイコン尺度の見え方を確認できます。

ホーム画面で生き残るアプリアイコンのデザイン

アプリアイコンの問題の多くは、間違ったズームで設計することから起きます。4つの習慣で防げます。フル正方形で、端まで構図にしてください。両ストアはすべてをマスクし、何も切り取りません。線は太く。ヘアラインは 29 から 60 px の間で消えます。マークと背景のコントラストを保ってください。ホーム画面の壁紙は自分で選べません。そして確定前に 29 px を確認してください。ユーザーがこのアイコンと初めて出会うのは、1024 px のキャンバスより 29 px の方に近い場所です。

このワークフローが合う場所

マスター1枚を全ての宛先に書き出す、それだけの発想です。