LogoAppIconGenerator ドキュメント
LogoAppIconGenerator ドキュメント
ホームページAppIconGenerator ドキュメントはじめにAppleのiOSアプリアイコンサイズAndroidのサイズ:従来のアイコンとアダプティブレイヤーWeb・PWA・Chromeのアイコン
X (Twitter)

AppleのiOSアプリアイコンサイズ

ZIPのAppIcon.appiconsetには1024 pxのPNGとContents.jsonが入ります。

現在のiOS・iPadOSアセットカタログでは、Xcodeが1024 × 1024 pxの画像から小さなバリエーションを生成できます。下記のホーム画面サイズは視認性の確認用で、新規プロジェクトにすべてのPNGを個別登録する必要はありません。

出力ファイル

ZIPのAppIcon.appiconsetには1024 pxのPNGとContents.jsonが入ります。小さなサイズはXcodeが生成できます。ダーク・色付きの外観用の個別素材は含まれません。

iOS/
  AppIcon.appiconset/
    AppIcon-1024.png
    Contents.json
  AdditionalSizes/
    Icon-60@3x.png
    ...
  README.txt
{
  "images": [{
    "filename": "AppIcon-1024.png",
    "idiom": "universal",
    "platform": "ios",
    "size": "1024x1024"
  }],
  "info": { "version": 1, "author": "xcode" }
}

組み込みと確認

  1. iOS ZIPを取得し、iOS/AppIcon.appiconsetを探します。
  2. 既存のAssets.xcassetsをバックアップし、AppIcon.appiconsetをコピーします。古いセットの置き換えや名前の変更は確認してから行ってください。
  3. ターゲットのアイコンをAppIconに設定し、ビルドしてインストール後の表示を確認します。独自のダーク・色付きバリエーションはXcodeで別途設定してください。

小さなサイズでの見やすさを確認

例としてiPhoneのホーム画面は180 × 180 px、iPadは152 × 152 px、iPad Proは167 × 167 pxです。Xcodeが生成する場合も、これらのサイズでシンボルを確認してください。

iOSアイコン生成ツールを使う

公式資料

Apple:Xcodeでアプリアイコンを設定

はじめに

元画像を用意し、プラットフォームを選んでZIPを取得し、アプリやサイトでファイルをテストします。

Androidのサイズ:従来のアイコンとアダプティブレイヤー

Androidランチャーでは画面密度ごとのビットマップを使用します。

目次

出力ファイル
組み込みと確認
小さなサイズでの見やすさを確認
公式資料