対応形式は PNG、JPG/JPEG、WebP です。SVG はデザインツールで十分な大きさの正方形 PNG に書き出してからアップロードしてください。拡張子を変更するだけでは変換できません。
iOS・Android アプリアイコン生成ツール
PNG・JPG・WebP のデザインから、iOS または Android 用のアイコン ZIP を作成します。静止 PNG、iOS の Contents.json、任意の Android 円形アイコンを書き出せます。公開前にプロジェクト内で確認してください。
アイコンパッケージに含まれるファイル
完成済みのデザインから、ネイティブアプリ用の PNG 素材を書き出すためのツールです。iOS、Android、または両方を選ぶと、対象プラットフォームに応じた次のファイルが ZIP に入ります。新しいロゴのデザインや、レイヤー構成のアダプティブアイコン生成には対応していません。
| 出力対象 | ファイルとサイズ | 保存先 |
|---|---|---|
| iOS | 20×20〜1024×1024 の PNG 15 個と Contents.json。同じピクセル寸法でも、用途別のアセット枠に対応するファイルがあります。 | ios/AppIcon.appiconset/。App Store 用アセットの Icon-1024.png を含みます。 |
| Android ランチャー | 一辺が 48、72、96、144、192 px の正方形 PNG 5 個。 | android/mipmap-mdpi/ から mipmap-xxxhdpi/ まで、各フォルダーに ic_launcher.png。 |
| Android 円形アイコン | 「丸型アイコンを生成」を有効にすると、同じ密度の PNG 5 個を追加。 | 各 Android mipmap フォルダー内の ic_launcher_round.png。 |
| Google Play | 512×512 の PNG 1 個。 | android/playstore-icon.png。アップロード前にストアの画像要件を確認してください。 |
出力は静止画像です。Android アダプティブアイコンの前景・背景レイヤー、XML、単色レイヤー、Apple Icon Composer ファイルは含まれません。
サイズを生成する前にデザインを整える
PNG、JPG/JPEG、WebP に対応しており、正方形の原画像をおすすめします。最大の iOS 出力には、鮮明な 1024×1024 の原画像が出発点になります。小さい画像も拡大されますが、足りない細部が復元されるわけではありません。
切り抜く範囲を決める
長方形の画像は、正方形を満たすように中央で切り抜かれて拡大・縮小されます。ロゴが中央にない場合や残す範囲を選びたい場合は、先に画像切り抜きツールで調整してください。
マークの周囲に余白を残す
小さいサイズでも確認しましょう。細い文字や細部は読みにくくなることがあり、任意の円形マスクで四隅のデザインが切れる場合もあります。
白い背景を考慮する
通常の PNG アイコンでは、元画像の透明部分を白で塗りつぶします。Android の円形版にはその後で円形マスクを適用し、円の外側の四隅を透明にします。
外周に角丸のマスクをかけていない完成デザインをアップロードしてください。切り抜き、余白、背景を調整できるよう、原稿も保存しておきましょう。
アプリアイコンの ZIP を生成する手順
1
元画像をアップロード
PNG、JPG/JPEG、WebP を選びます。被写体が中央にあり、必要な最大サイズに十分な鮮明さがあることを確認してください。
2
対象プラットフォームを選択
「iOS + Android」「iOSのみ」「Androidのみ」から選びます。Android を出力する場合は、円形 PNG を追加するかどうかも選択します。
3
生成してダウンロード
「アプリアイコンを生成」を押し、処理が完了したら ZIP をダウンロードします。展開して画像とフォルダー構成を確認してください。
4
プロジェクトで確認
開発ツールで iOS のアセット枠や Android のリソース参照を確認します。小さいアイコンもプレビューし、公開前にプラットフォームの検証を行ってください。
Xcode または Android プロジェクトで使う
まず ZIP を一時フォルダーに展開してください。既存のリソースフォルダー全体を置き換えず、必要なファイルを取り込みます。
iOS アセットカタログ
AppIcon.appiconset と Contents.json を確認し、Xcode のアプリアイコン用アセットに画像を追加または割り当てます。Apple のアセットカタログ説明を参照し、対象、必要な枠、ビルド警告を確認してください。
Android リソース
選択した mipmap 画像を対応するリソースフォルダーへコピーし、ランチャーアイコンの参照を確認します。アダプティブアイコンを使う場合はレイヤーを別途作成・設定してください。円形 PNG は Android のアダプティブアイコンリソースの代わりにはなりません。
ストア掲載用とインストール後のランチャー用では、アイコンの用途が異なります。playstore-icon.png を使う前に Google Play のアイコン仕様を確認してください。
アプリアイコンの書き出しに関する質問
いいえ。用意した画像のサイズを調整し、ファイルにまとめるツールです。先にデザインを作成し、このページで静止アイコン素材を書き出してください。
Web サイト用のアイコン一式には Favicon 生成ツールを使ってください。PNG から ICO を作る場合は PNG から ICO への変換を使い、ダウンロードした ZIP を展開して必要な ICO ファイルを選びます。このページはネイティブの iOS・Android プロジェクト向けです。
画像はサーバーへアップロードされ、そこで処理されます。一時ファイルと結果は定期的な削除処理の対象です。完了後にパッケージをダウンロードし、元画像も保管してください。永続的なファイル保管サービスではありません。