アプリアイコン生成
正方形の画像1枚から、iOS・macOS・watchOS・Androidのアイコン74個とXcode用のAppIcon.appiconsetを作り、ZIPでダウンロードします。
iPhone · iPad · App Store
Macアプリアイコン
Apple Watchアイコン
ランチャー · Google Play · アダプティブ前景
ZIPには静的PNGとXcode/AppIcon.appiconsetが入ります。プロジェクトで接続と不足枠を確認してください。Android背景・XML・単色アイコン、Appleレイヤーアイコンは別途必要です。
プラットフォーム別のサイズと安全領域
以下は本ツールが作るプリセットです。実際に必要なスロットはプロジェクトの最小対応バージョンで変わるため、XcodeやAndroid Studioで不足の警告を確認してください。
| プラットフォーム | サイズ(px) | 透過 | 備考 |
|---|---|---|---|
| iOS | 1024 / 180・167・152・120 / 87・80・76・60・58・40・29・20 | 不可(背景色で塗る) | 角はシステムが丸める |
| macOS | 16 〜 1024(1x・2x) | 不可 | Dock・Finderのリスト |
| watchOS | 48 〜 234 | 不可 | 通知・ランチャー・Quick Look |
| Androidランチャー | 36・48・72・96・144・192 | 可 | ldpi〜xxxhdpiのmipmap |
| Androidアダプティブ前景 | 108・162・216・324・432 | 可 | 108dpキャンバス、安全領域は直径66dp |
| Google Play | 512 | 可 | ストア掲載情報 |
Androidアダプティブアイコンでは、ロゴが108dpのうち中央66dpに収まっていないと切れます。66/108は約61.1%なので「中央66%」で計算すると安全領域より大きくなります。本ツールは432pxのファイルで264pxの領域に配置します。
使い方
- 1024×1024以上の正方形原本をドロップするか、クリックして開きます。長方形は中央基準で切り抜かれ、原本が小さい場合は拡大されてぼやける旨の警告が表示されます。
- iOSアイコンの透明部分を塗る背景色を選びます。初期値は白で、ブランドカラーに変えると透過ロゴも自然に見えます。ファイルを開くとすぐに74種が生成され、サイズごとのプレビューが表示されます。
- 小さいサイズ(20・29・40px)のプレビューで形が判別できるか確認し、ZIPダウンロードを押します。圧縮ファイルにはプラットフォーム別フォルダー、Xcode/AppIcon.appiconset、READMEが含まれます。
アイコン設計のコツ
- 小さいサイズから確認:検証では細部の多いアイコンが58pxからつぶれ、29pxでは形が分からなくなりました。シンボルは1つ、線は太く、背景との明暗差をはっきりさせることが何より重要です。
- アイコンに文字を入れない:細い文字は120pxでも読めませんでした。アプリ名はアイコンの下に表示されるため、絵にはシンボルだけを置きましょう。
- アダプティブアイコンはシンボルのみ:背景まで描かれた絵を前景にすると、円形やスクワークルのマスク内に四角い縁が現れます。シンボルだけを透過PNGにし、背景はadaptive-icon XMLで指定します。
- 角を先に丸めない:iOSはシステムがもう一度丸めるため、角丸の原本を入れると角に背景色が見えます。正方形のまま入れてください。
- ダークモードでも確認:白背景のアイコンは暗い壁紙で輪郭が消えることがあります。生成後に実機のホーム画面へ置いて確認しましょう。
よくある質問
一度に74種が作られる仕組みは?
原本をまず正方形のマスターにし、各サイズへ半分ずつ段階的に縮小して描画することでジャギーを抑え、PNGにエンコードします。同じ画素サイズが複数のスロットで使われる場合はファイルを共有して重複を避けます。ZIPはブラウザ内のJSZipでまとめ、検証ではシンプルなアイコンが5.71 MiB、細部の多いアイコンが6.96 MiBでした。PNGはすでに圧縮形式のため、ZIPにしても容量はほとんど変わりません。
原本はどのサイズ・形式が良いですか?
1024×1024以上の正方形PNGをおすすめします。512pxの原本から1024pxを作ると拡大されてぼやけ、その場合は警告が表示されます。透過PNGを入れるとAndroidは透過を保ち、iOSは選んだ背景色で塗ります。SVGを入れるとピクセル画像に変換されて保存されます。
XcodeやAndroid Studioへの入れ方は?
XcodeではZIP内のXcode/AppIcon.appiconsetフォルダーをプロジェクトのAssets.xcassetsにドラッグすると、Contents.jsonとともにスロットが埋まります。AndroidではAndroid/mipmap-*フォルダーをresの下にコピーし、アダプティブ前景をic_launcher.xmlのforegroundに指定します。複数ターゲットやWatch拡張までは自動で設定されないため、ビルド後に警告を確認してください。
作られない素材もありますか?
はい。本ツールは静的PNGと従来方式のAppIcon.appiconsetを生成します。Androidのモノクロテーマアイコン、通知用の白いアイコン、Appleのダーク・ティント版やIcon Composerによるレイヤーアイコンは作らないため、必要なら開発ツールで追加してください。PNG一式を作ることとストア提出の検証を通過することは別の段階です。