iOS・Androidアプリアイコン作成
1枚のロゴから、Xcode用AppIcon.appiconsetとAndroidアダプティブアイコンを作成します。
アプリのロゴを1枚選ぶだけで、iOSとAndroidに必要なサイズ・倍率・密度のアイコン、Contents.json、アダプティブアイコン設定をまとめて作成します。画像はサーバーへ送信せず、ブラウザ内で処理します。
プラットフォームの選択
生成するプラットフォーム アイコンを選択します
アプリのロゴをアップロードする
PNG、JPG、SVG 形式をサポート、最大 10MB
推奨: 背景が透明な 1024×1024px の正方形の画像
またはここにファイルをドラッグアンドドロップします
アプリアイコンの出荷に必要なものすべて
1 回のアップロードで、両方のモバイル プラットフォーム用のストア対応アイコンと構成ファイルが生成されます。
1 つのパスであらゆる iOS サイズに対応
iPhone、iPad、設定、スポットライト、通知、および 1024 の App Store アイコンを含む 18 個の Xcode アプリ アイコン アセットを必要な倍率で生成します。
Android アダプティブ & モノクロ アイコン
前景、背景、モノクロのリソースを生成することで、ランチャーがロゴをきれいにマスクし、テーマ別アイコンをサポートできるようになります。
Xcode アプリコンセット + Contents.json
有効な Content.json を含む既製の AppIcon.appiconset フォルダーを取得すると、単一のスロットを手動でマッピングしなくても、それを直接 Assets.xcassets にドラッグできます。
Google Play 512×512 アイコン
Google Play がストアの掲載情報に必要とする 512×512 の高解像度アイコンを、1024 の App Store アイコンと並べてエクスポートします。両方のストアが同じロゴで覆われています。
セーフゾーンガイド
Android のアダプティブ セーフ ゾーンと iOS のコーナー マスクに対してアイコンをプレビューして、出荷前に重要な部分が切り取られていないことを確認できます。
100% クライアント側およびプライベート
サイズ変更とパッケージ化はすべてブラウザーでローカルに実行されます。ロゴはサーバーにアップロードされないため、未リリースのアプリや機密ブランドに対しても安全です。
アプリアイコンを生成する方法
4 つのステップで、単一のロゴから完全なアイコン パッケージに移行します。
ロゴをアップロードする
アプリのロゴの正方形 1024×1024 PNG、JPG、または SVG をアップロードします。透明または無地の背景が最適です。
プラットフォームを選択してください
iOS、Android、またはその両方を選択します。ジェネレーターは、各プラットフォームに必要なサイズと構成ファイルのみを構築します。
セーフゾーンのプレビューとチェック
デバイス上にレンダリングされたアイコンを確認し、詳細がマスクされないよう安全ゾーン内に収まっていることを確認します。
アイコンパックをダウンロードする
すべての PNG、Contents.json、およびアダプティブ アイコン XML を含む ZIP をダウンロードして、プロジェクトにドロップする準備ができています。
iOS と Android のアプリアイコン
2 つのプラットフォームはアイコンの処理方法が大きく異なります。変更点と両方のパッケージが必要な理由を次に示します。
| 能力 | iOS | Android |
|---|---|---|
| アイコンの形状 | 角丸四角形を固定 | 適応性のある、さまざまな形状 |
| 角の丸み | システムによって適用される | システムマスクが適用されました |
| レイヤー | 単一の平らな層 | 前景+背景+モノクロ |
| サイズの数 | 18 の生成されたアセット | 6 密度バケット |
| 最大サイズ | App Store の場合は 1024 | Google Play の場合は 512 |
| 安全地帯 | 不要 | 66dp/108dp |
| ダークモードアイコン | このパッケージには含まれていません | モノクロレイヤーあり |
形状、レイヤー化、サイズのルールが異なるため、同じアートワークを 2 つの異なるパッケージにエクスポートする必要があります。このツールは両方を一度に生成します。
アプリアイコンのサイズリファレンス
このジェネレーターが iOS と Android 用にエクスポートするキーのサイズと、それぞれが使用される場所。
iOS アプリのアイコンのサイズ
| サイズ | スケール | 用途 |
|---|---|---|
| 20pt | @2x | 通知 |
| 20pt | @3x | 通知 |
| 29pt | @2x | 設定 |
| 40pt | @2x | スポットライト |
| 60pt | @2x | iPhoneのホーム画面 |
| 60pt | @3x | iPhoneのホーム画面 |
| 76pt | @2x | iPadのホーム画面 |
| 1024pt | @1x | App Store のリスト |
Android アプリのアイコンの密度
| 密度 | サイズ | 用途 |
|---|---|---|
| ldpi | 36px | 低密度スクリーン |
| mdpi | 48px | ベースライン密度 |
| hdpi | 72px | ミッドレンジ画面 |
| xhdpi | 96px | HD画面 |
| xxhdpi | 144px | フルHD画面 |
| xxxhdpi | 192px | ホーム画面ランチャー |
| play | 512px | Google Play ストア |
iOS のサイズは、スケール係数とともにポイント (pt) でリストされます。60 pt @3x アイコンは 180×180 PNG としてエクスポートされます。 Android のサイズは、密度バケットごとの絶対ピクセルです。
ダウンロードの内容
両方のプラットフォーム用の完全なプロジェクト対応アイコン パッケージです。手動で名前を変更する必要はありません。
すべての iOS PNG
すべての iOS アイコンのサイズとスケール係数は、アプリ アイコンのスロットに一致する名前が付いた個別の PNG ファイルとしてエクスポートされます。
Android 密度 PNG
ldpi から xxxhdpi までのすべての密度バケットのランチャー アイコンが、res/mipmap-* フォルダーに用意されています。
Contents.json
各 PNG をアプリアイコンセット内の正しいサイズとスケールにマップする Xcode アセット カタログ マニフェスト。
ic_launcher.xml
Android ランチャーの前景レイヤーと背景レイヤーを結び付けるアダプティブ アイコン構成。
ストアアイコン
512×512 の Google Play アイコンと 1024×1024 の App Store アイコン。各ストアの掲載情報にアップロードする準備ができています。
一般的な使用例
App Storeへの申請
App Store Connect のレビューとストア ページに必要な 1024×1024 のマーケティング アイコンと完全なアプリアイコンセットを発送します。
Google Playへの登録
Play Console と Android ビルドのリストとインストールに必要な 512×512 の高解像度アイコンと密度ミップマップをアップロードします。
ネイティブとフラッターに反応する
プラットフォーム フォルダーを iOS および Android のネイティブ プロジェクトにドロップして、クロスプラットフォーム アプリにカスタム ランチャー アイコンを設定します。
Xcode にドラッグ
Assets.xcassets の AppIcon.appiconset を生成されたフォルダーに置き換えると、Xcode がすべてのスロットを自動的に取得します。
よくある質問
サイズ、アダプティブ アイコン、セーフ ゾーン、インストールなど、両方のストアにアプリ アイコンを配布するために必要なものがすべて揃っています。
Want to go deeper?
PWA icon requirements and safe areas explained