はじめに

元画像を用意し、プラットフォームを選んでZIPを取得し、アプリやサイトでファイルをテストします。

元画像を読み込み、プラットフォームを選択してプレビューを確認します。画像処理はブラウザー内で行われます。保存後は実際のプロジェクトでも確認してください。

3つの手順でアイコンを準備

元画像を読み込む — 正方形のPNG、JPG、WebP、SVGを読み込むか、調整できるテンプレートから始めます。高解像度の元画像は縮小時の鮮明さに役立ちます。
プラットフォームと表示を確認 — iOS、Android、Web、Chromeを選び、プレビューを見ながら対応する設定を調整します。
アイコンZIPを保存 — サイズとプラットフォーム別フォルダーを書き出し、アプリやサイトのプロジェクトで確認します。

ローカル編集と出力は無料です。任意のAI画像生成はアカウントのクレジットを使用するため、生成前に表示料金を確認してください。

iOS — ZIPのAppIcon.appiconsetには1024 pxのPNGとContents.jsonが入ります。小さなサイズはXcodeが生成できます。ダーク・色付きの外観用の個別素材は含まれません。
Android — レイヤーは108 × 108 dpです。デバイスのマスクで切れないよう、主要シンボルを中央の66 × 66 dpの安全領域に置いてください。ZIPにはmipmap-anydpi-v26のXMLと従来型の代替PNGも含まれます。
Web・PWA・Chromeのアイコン — ファビコンとPWAマニフェストを設置し、Chromeのアイコンとプロモーション画像のサイズを確認します。

計算ツールでサイズを調べ、出力ファイルを確認してプロジェクトでテストしましょう。素材からiOS・Androidリソースを出力するには、次のツールを開いてください。アプリアイコン作成ツール.

はじめに

元画像を用意し、プラットフォームを選んでZIPを取得し、アプリやサイトでファイルをテストします。

元画像を読み込む — 正方形のPNG、JPG、WebP、SVGを読み込むか、調整できるテンプレートから始めます。高解像度の元画像は縮小時の鮮明さに役立ちます。
プラットフォームと表示を確認 — iOS、Android、Web、Chromeを選び、プレビューを見ながら対応する設定を調整します。
アイコンZIPを保存 — サイズとプラットフォーム別フォルダーを書き出し、アプリやサイトのプロジェクトで確認します。

ローカル編集と出力は無料です。任意のAI画像生成はアカウントのクレジットを使用するため、生成前に表示料金を確認してください。

iOS — ZIPのAppIcon.appiconsetには1024 pxのPNGとContents.jsonが入ります。小さなサイズはXcodeが生成できます。ダーク・色付きの外観用の個別素材は含まれません。
Android — レイヤーは108 × 108 dpです。デバイスのマスクで切れないよう、主要シンボルを中央の66 × 66 dpの安全領域に置いてください。ZIPにはmipmap-anydpi-v26のXMLと従来型の代替PNGも含まれます。
Web・PWA・Chromeのアイコン — ファビコンとPWAマニフェストを設置し、Chromeのアイコンとプロモーション画像のサイズを確認します。