1枚の画像から iOS / Android アプリのアイコン全サイズを生成し、Xcode 用 AppIcon.appiconset(Contents.json 同梱)・Android の mipmap-* フォルダ・512px の Play Store 用アイコンを 1つの ZIP にまとめます。iOS の App Store 用アイコンは不透明である必要があるため、背景色を指定してください。画像はアップロードされません。

対象
切り出し
背景
生成されるもの

1024×1024 のロゴ・画像をここにドロップ

クリックして選択 · または貼り付け (Ctrl/Cmd + V)

ブラウザ内で処理 · アップロードなし

別の画像をドロップ / クリック

1枚の画像やロゴから、iOS / Android アプリに必要なアイコンを全サイズまとめて作るツールです。Web の favicon とは別物で、こちらは App Store / Google Play への提出やプロジェクトへの組み込みに使う「アプリアイコン」を出力します。iOS は Xcode にそのまま入れられる AppIcon.appiconset 一式(iPhone / iPad / App Store マーケティング 1024px の各 idiom・倍率を網羅し、Contents.json も同梱)。Android は密度別の mipmap-mdpi 〜 mipmap-xxxhdpi(ic_launcher.png)と、Play Store 登録用の 512px アイコンを出力します。対象は「iOS のみ」「Android のみ」「両方」から選べ、できあがった ZIP には置き場所をまとめた README も同梱します。切り出しは「正方形に切り抜く(中央クロップ)」か「全体を収める(余白は指定色または透過)」を選べます。なお iOS の App Store 用アイコンは透過を許可していないため、背景色を指定するのがおすすめです(既定は白)。プレビューは市松模様の上に出るので透過部分が一目で分かります。画像はアップロードされず、すべて端末内(Canvas)で処理されます。

使い方

  1. 画像・ロゴ(1024×1024 推奨)をドロップ、クリックで選択、または貼り付け(Ctrl/Cmd + V)。
  2. 対象(iOS / Android / 両方)と、切り出し・背景(色または透過)を選ぶ。
  3. プレビューで仕上がりを確認する。
  4. 「ZIP をダウンロード」で全サイズの PNG + Contents.json + mipmap 構成を書き出し。画像は送信されません。

よくある質問

画像はサーバーにアップロードされますか?

いいえ。生成はすべてブラウザ内(Canvas)で行われます。画像はアップロード・保存・送信されず、あなたの端末内だけで処理されます。

どのサイズ・どのファイルが生成されますか?

iOS は AppIcon.appiconset 一式(iPhone / iPad の通知・設定・スポットライト・アプリ各サイズと App Store 用 1024px、および Xcode が読む Contents.json)。Android は mipmap-mdpi / hdpi / xhdpi / xxhdpi / xxxhdpi の ic_launcher.png と、Play Store 登録用の 512px アイコンです。置き場所をまとめた README も同梱します。

生成したアイコンはどう組み込めばいいですか?

iOS は ZIP 内の ios/AppIcon.appiconset フォルダを Xcode の Assets.xcassets にある AppIcon と差し替えるだけです(Contents.json 同梱)。Android は android/res/mipmap-* を app/src/main/res に置き、Play Store には android/playstore-icon.png(512px)を使います。

favicon ツールとの違いは何ですか?

favicon は Web サイトのタブ・ブックマーク用(favicon.ico や apple-touch-icon、site.webmanifest)を作るツールです。こちらは iOS / Android のネイティブアプリ用アイコン(Xcode の appiconset や Android の mipmap)を作る点が異なります。

正方形でない画像でも使えますか?

使えます。「正方形に切り抜く」は中央を正方形に切り出し、「全体を収める」は画像全体を縮小して収め、余白を指定色または透過で埋めます。アプリアイコンは縁まで絵がある正方形が基本なので、多くの場合は「正方形に切り抜く」が向いています。

背景は透過にできますか?

Android 用などは透過のまま書き出せます。ただし iOS の App Store 用アイコン(1024px)は透過が許可されていないため、背景色を指定する(既定は白)ことをおすすめします。