アプリアイコンの生成

機能

• iOS の 12 枚セット。App Store が必須とする 1024 × 1024 を含みます
• Android の mipmap 5 密度：48 / 72 / 96 / 144 / 192
• Android アダプティブの 2 層：前景（安全領域に収めた図柄）+ 背景の色面
• macOS の .icns コンテナ。32〜1024 ピクセルを 8 エントリで収録
• 形は角丸正方形（22.37%）、直角、円形から選択
• 余白は 4 段階。図柄が密なアイコンを少し内側に寄せられます
• 不透明の背景を敷いて iOS の透明チャンネル問題を解消。色も選択可
• 同じピクセルサイズは 1 回だけ符号化（120 ピクセルの 1 枚が 40@3x と 60@2x を兼ねます）
• 画像は送信されず、サーバーも経由しません

使い方

1. 正方形で輪郭のきれいな元画像を用意します（1024 ピクセル以上が最適）
2. ドロップし、プラットフォーム・形・余白を選びます
3. 結果は一度にすべて出力されます。個別か「すべてダウンロード」で取得します
4. iOS は PNG を Xcode の AppIcon へ、macOS は AppIcon.icns でアイコンを差し替えます

よくある質問

iOS のアイコンに背景色が必要で、自分で角丸を付けてはいけないのはなぜですか？

背景色は、App Store が透明チャンネル付きのアプリアイコンを受け付けないためです。表示が崩れるのではなく、アップロード時に却下されます。角丸は逆の理由です。iOS は表示時に独自の曲率でアイコンを角丸にします。すでに一度角丸を付けていると 2 つの曲率が合わず、四隅から下地が見えます。そのため本ツールの iOS アイコンは直角の正方形で、未加工に見えますが、インストールすれば正常な角丸アイコンになります。

.icns はどう使いますか？

macOS がアプリアイコンに使うコンテナ形式です（1 つのファイルに 32〜1024 ピクセルの画像が入っており、OS が表示サイズに応じて選ぶため、一覧でも拡大時も鮮明です）。Mac アプリのアイコンを差し替えるには、Finder で .app を選び ⌘ + I で情報を開き、AppIcon.icns を左上の小さいアイコンへドラッグします。開発時はアプリの Resources に置き、Xcode のプロジェクトでは AppIcon の枠へ直接ドラッグできます。

Android のアダプティブアイコンで画像が 2 枚出るのはなぜですか？

アダプティブアイコンは2 層構造です。前景（図柄）と背景（色）を別々に OS へ渡し、OS がランチャーの要求に応じて円形・角丸正方形・雫形にマスクし、視差やアニメーションも付けます。したがって前景は透明背景の図柄である必要があり、図柄は中央の安全領域に収めます。108dp のキャンバスのうち確実に見えるのは中央の 72dp だけで、全体を埋めると円形マスクで四隅が切れます。前景を 66% に収めているのはそのためです。

画像は送信されますか？

いいえ。拡大縮小と符号化はブラウザ自身の canvas で行い、.icns のコンテナも端末内でバイト列を組み立てています。画像は終始デバイスのメモリに留まり、オフラインでも使えます。