Flutterアイコンジェネレーター：AIアプリアイコン

候補を4つの基準で判定してください。透過の1024 px PNGマスターを書き出せること。固定の見た目ではなく、アプリに合うスタイルで描けること。探求のためにバリエーションを出せること。そして出力がリサイズなしでflutter_launcher_iconsに直結すること。このページはその4点を軸に作られています。切り出し自体はパッケージの仕事で、昔から手作業でやる価値のない部分です。

3ステップです。1024 pxのマスターPNGを生成し、assets/icon/app_icon.pngのようなパスでプロジェクトに保存し、image_pathをそこに向けたflutter_launcher_iconsブロックを宣言して、dart run flutter_launcher_iconsを実行します。パッケージがAndroidのmipmap、アダプティブレイヤー、iOSのAppIcon.appiconsetを1回で書き出します。

1024×1024ピクセルのPNGマスター1枚です。Androidのすべての密度バケットとiOSのエントリはここから再サンプリングされるため、それより大きいキャンバスは何も足さず、小さいキャンバスはxxxhdpiの切り出しをにじませます。マスターはアダプティブのフォアグラウンド向けに透過のまま。iOSのリリース用コピーは合成して構いません。

使えません。ランチャーのパイプラインは端から端までラスターです。AndroidのmipmapもiOSのappiconsetもPNGの枠で、flutter_launcher_iconsはビットマップのマスターを期待します。SVGはアプリの中に住まいがあり、flutter_svgパッケージがベクターアセットを任意のサイズで描画します。flutter svg icon generator を探す検索のほとんどは、この別々の2つのツールのどちらかが欲しいだけです。

その組み合わせを前提に作られています。1024 pxのマスターをダウンロードし、パッケージをdev_dependenciesに追加し、image_pathをファイルに向けてください。上のファイル一覧のセクションが、実行が触る全ファイルを示すので、プロジェクトツリー内で出力を検証できます。

Androidでは、mipmap-mdpiからmipmap-xxxhdpiまでのic_launcher.pngと、アダプティブのフォアグラウンドおよびバックグラウンドのリソースです。iOSでは、Contents.jsonと一緒のAppIcon.appiconsetです。Dartコードとプラットフォームのマニフェストには触れず、ランチャーアイコンの差し替えはリソースファイルに収まります。

ランチャーのマスクが食べています。アダプティブアイコンは108 dpのキャンバスに描かれますが、安全なのは中央の66 dpだけです。マスター全体を主題が埋めていると、円やスクワイルに切り詰められます。主題をプレーンな背景の中央に置いて再生成すれば、余白がマスクの仕事を引き受けてくれます。

flutter_launcher_iconsブロックでremove_alpha_ios: trueを設定します。App Storeの申請は透過を含むアプリアイコンを拒否します。このフラグはiOS側のコピーを背景色の上に合成し、Androidはアルファを保ちます。コマンドを再実行して、再度申請してください。

はい。Play Consoleはストア掲載用に512×512のPNGを要求します。これは端末のランチャーセットとは別物です。ここで同じマスターの512 px切り出しを書き出せば、掲載画像とインストールされたアイコンが同じマークを保ちます。

最初の生成は無料クレジットでカバーされ、各候補の描画には1クレジットかかります。1024 pxマスターのダウンロードは標準の書き出しダイアログの一部なので、無料クレジットの実行でも、パイプラインに必要なファイルが手に入ります。有料プランでボリュームと高解像度が追加されます。