アプリアイコン生成

アプリアイコンジェネレーターの仕組み

アプリアイコンジェネレーターは、1枚の高解像度ソース画像からiOS App Store・Android Play Store・プログレッシブWebアプリに必要なすべてのアイコンサイズを生成します。1024×1024 pxのマスターアイコンをアップロードすると、必要な全サイズをZIPアーカイブでエクスポートし、画像エディターでの手動リサイズ作業を省いてアプリ審査に必要なすべてのサイズを揃えます。

AppleはApp Store掲載用に1024×1024 pxのアイコンを要求します。Xcodeはさらに20・29・40・60・76・83.5・1024 pxの@1x・@2x・@3xバリアント（合計20枚以上の画像ファイル）が必要です。アイコンは透過なし（アルファチャンネル不可）のPNG形式である必要があります。このジェネレーターはXcodeのアセットカタログにドラッグ＆ドロップできるAppIcon.appiconsetフォルダ構造で完全なiOSアイコンセットをエクスポートします。

Android 8.0以降はフォアグラウンドレイヤーとバックグラウンドレイヤー（どちらも108×108 dpキャンバス、中央72×72 dpがアクティブエリア）で構成されるアダプティブアイコンを使用します。OSが実行時にマスク形状（円・スクワークル・角丸正方形）を適用します。Android 7.x以下向けには48・72・96・144・192 px（mdpi〜xxxhdpi）のレガシーアイコンも引き続き必要です。Play Storeには512×512 pxのフィーチャーアイコンが必要です。すべての形式がZIP出力に含まれています。

プログレッシブWebアプリはインストール可能にするためにmanifest.jsonで192×192と512×512 pxのアイコンが必要です。マスカブルアイコンは同じサイズですが、ブラウザが任意の形状にトリミングできるため、重要なコンテンツは内側80%のセーフエリア（512 pxアイコンで409×409 px）内に収める必要があります。ファビコンには16×16・32×32・48×48 pxのPNGファイルとICOコンテナが必要です。このジェネレーターは3つのコンテキストすべてを一度に処理します。

iOSはOSレベルでアイコンに自動的に角丸とスクワークルマスクを適用するため、角丸加工済みのアイコンを提出するとダブル角丸になって見た目が崩れます。このジェネレーターはiOS向けに正方形アイコンを出力します。Androidレガシーアイコンには、アダプティブアイコン非対応のランチャー向けにMaterial Designガイドラインに合ったクラシックな角丸正方形の外観を作るためのオプションの角丸半径とパディングを適用できます。