iOSアプリアイコンの作り方｜1024px・Icon Composer・Xcodeの基本

現在の全体像

1024×1024は何のサイズ？

Appleの現行Human Interface Guidelinesでは、iOS・iPadOS・macOSのアプリアイコンのレイアウトサイズは1024×1024ピクセルです。システムはそこから設定や通知などで使う小さい表示用へスケールします。

一方、現在のHIGではレイヤー構成や複数の外観も扱われています。そのため、1024×1024という数字だけを見て「完成PNGを1枚入れればすべての現在仕様が完了」と解釈しない方が安全です。

Icon ComposerはAppleが提供しているアプリアイコン作成ツールです。1つのデザインから、Liquid Glassを含むレイヤー構成のアイコンをiPhone、iPad、Mac、Apple Watch向けに作成し、外観モードを調整できます。

AppleはIcon ComposerをXcodeと連携するツールとして案内しています。マーケティング用途などのためにフラット化した書き出しも可能です。

AppIcon AIとの違い：AppIcon AIは現在、デザイン候補となるフラットな生成画像を作るツールです。Icon Composerのレイヤー形式そのものを出力する機能は、監査したコードでは確認していません。

AppleのXcodeドキュメントでは、第三者のベクター編集ツールでアートワークを準備し、レイヤーをSVGまたはPNGとして書き出す流れが説明されています。iPhone・iPad・Mac向けの例として1024×1024のキャンバスが示されています。

色、文字、その他のグラフィックを、Icon Composer上で別々に調整したい場合はレイヤーを分けて準備します。Appleは一部のぼかし・影・透明度などを元データへ焼き込まず、Icon Composer側で適用・確認する考え方も案内しています。

AI生成や既存ロゴから1枚のフラット画像しかない場合でも、まずデザイン方向を決める元画像としては使えます。ただし、現行のレイヤー構成を活用したいなら、前景・背景などを編集ツールで再構成する必要があります。

元画像を確認
主役・背景・文字など、分けられる要素を整理。

必要ならレイヤーを再制作
SVG/PNGなど、Appleの案内する形式へ整える。

Icon Composerで調整・プレビュー
外観や効果を確認する。

Xcodeへ組み込む
ビルドへ含め、App Store Connectへアップロードする。

AppleのApp Store Connectヘルプでは、アプリアイコンをIcon Composerで作成する方法に加えて、Xcodeプロジェクト内のアセットカタログへ追加する方法も案内しています。

つまり、プロジェクトの対象OSや現在のXcode構成に応じて適切な方法を選びます。古い記事にある「iOS用に複数サイズのPNGを手作業で並べる」手順だけを現在の唯一の方法とは考えません。

Appleの現在のヘルプでは、Xcodeでアプリアイコンを追加した後に、ビルドをApp Store Connectへアップロードします。公開後にアプリアイコンを変更する場合は、新しいアプリバージョンを作成・アップロードし、そのバージョンを審査へ提出する流れです。

審査通過は別問題です。アイコン資産を正しく組み込むことと、App Store審査に必ず通ることは同じではありません。AppIcon AIも審査通過を保証しません。

アイコンのデザイン候補がまだ決まっていない段階で、アプリ名・説明・スタイルから候補画像を生成するところです。採用する方向性を決めた後、Apple向けのレイヤーやXcode資産へ別途整えます。

Android launcherはAdaptive Iconのforeground/background等のレイヤー構造を使います。一方、Google Playの商品ページには512×512pxの掲載用アイコンがあります。

プロジェクトの構成次第です。Appleは現在Icon ComposerとXcodeのアセットカタログの両方を案内しています。レイヤーや外観を活用する場合はIcon Composerの現在ドキュメントを確認してください。

現在監査したコードではSVG/vector exportは確認していません。生成画像をデザイン候補として使い、必要なレイヤーは別途準備する前提です。

Appleの現在のApp Store Connectヘルプでは、公開後のアイコン変更には新しいアプリバージョンを作成・アップロードし、そのバージョンを審査に提出する流れが案内されています。