無料アプリアイコンリサイザー：iOS・Android・Web対応
正方形のアイコンを1枚アップロードし、余白と背景を調整するだけで、iOS、Android、macOS、watchOS、Windows、Chrome、PWA用の完成パックを一括ダウンロード。画像はブラウザの外に出ません。
Click or drag image to upload
Supports PNG, JPG, WebP, SVG (Recommended 1024×1024)
Prevents the icon glyph from touching platform circular or rounded cutouts.
Upload an icon to preview platform mockups
Supported Platform Deliverables
18 icons + Contents.json
mipmap-*, round & Play Store
10 icons + Contents.json
17 watch screen sizes
favicon.ico, apple-touch, PWA
16~128 + Manifest V3
Apple modern .icon bundle
app.ico & VisualAssets
3ステップでアプリアイコンをリサイズ
マスター画像1枚からストア提出用の全サイズまで。デザインツールもアップロードも不要です。
- 1
マスターアイコンをアップロード
PNG、JPG、WebP、SVGをドロップ。1024x1024のマスターなら全出力サイズで最もシャープに仕上がります。
- 2
余白と背景を設定
端末マスクで図柄が切り取られないようセーフゾーンの余白を追加し、不透明アイコン必須のストア向けには背景色で透過を潰します。
- 3
プラットフォームを選んでダウンロード
iOS、Android、Web、または8対象すべてを選び、フォルダ構成・Contents.json・manifestスニペット入りのZIPを1回でダウンロード。
iOS・Android・Webのアプリアイコンサイズ一覧
ストア審査はデザインより先に数字を確認します。各宛先の要求と、このリサイザーが1枚のマスターから生成する内容は以下の通りです。
| 宛先 | 提出するサイズ | フォーマット規則 |
|---|---|---|
| App Store（iOS） | 1024x1024 pxマスター | PNG、透過なし、角は直角 |
| iPhone・iPadホーム画面 | 20x20から1024x1024の18ファイル | Xcode 14以降はマスターから全サイズ自動生成 |
| Androidランチャーアイコン | 48、72、96、144、192 pxのmipmap | 密度ごとにPNG、丸角バージョンも同梱 |
| Androidアダプティブアイコン | 108x108 dpキャンバス、66 dpセーフゾーン | 前景と背景の2層。マスクは端末ごとに異なる |
| Google Playストア掲載用 | 512x512 px | 32ビットPNG、透過なし、1 MBまで |
| Webファビコン | 16、32、48 pxを1つの.icoに | 個別PNGフォールバック付き |
| iOSウェブブックマーク | 180x180 pxのapple-touch-icon | 不透明PNG。角丸はiOSが追加 |
| PWAマニフェスト | 192x192と512x512 px | PNG。maskable版を推奨 |
| Chrome拡張機能 | 16、32、48、128 px | PNGをManifest V3に記載 |
| macOS・watchOS | 各セット10ファイルと17ファイル | Contents.json付きAppIcon.appiconset |
サイズは2026年時点のApple・Google開発者ドキュメントに準拠。リサイザーの出力はこの表と一致します。
各プラットフォームはアイコンをどう扱うか
リサイズは仕事の半分です。各プラットフォームはマスク・拡大縮小・レイヤーの方法が異なり、その違いを知ればリジェクトの大半が説明できます。
iOS・iPadOS。Xcode 14以降、Appleが求めるのは透過なし・角丸前処理なしの1024x1024マスター1枚だけです。Xcodeが18個のappiconsetファイルを生成し、角丸マスクは表示時にシステムが適用するため、アートワークは正方形のまま保ちます。
Android。Android 8以降のランチャーアイコンはアダプティブアイコンから描画されます。108x108 dpキャンバス上に背景層と前景層を重ね、端末のマスクは円からスクウェア、角丸正方形まで様々です。66 dpの中心円の外側は切り取られる可能性があり、余白がロゴの運命を決めます。
Web・PWA。Webアプリにはブラウザタブ用のファビコン、iOSブックマーク用の180x180のapple-touch-icon、インストールプロンプト用の192x192と512x512のマニフェストアイコンが必要です。書き出しパックにはsite.webmanifestと、そのまま貼れるHTML headスニペットが含まれます。
クロスプラットフォームフレームワーク。ZIPは標準のandroid/res/mipmap-*リソース構造に従うため、AndroidファイルはFlutterやReact Nativeプロジェクトにそのまま置けます。1024x1024マスターはflutter_launcher_iconsの唯一の入力にも使えます。
アプリアイコンをセーフゾーンに収める
リサイズの失敗の多くは、キャンバス全体に広がったアートワークが原因です。4つのルールで図柄を全サイズで安全に保てます。
キャンバスではなく図柄に余白を
iOSでは中心の約80%、アダプティブアイコンでは66 dp円の内側にロゴを収めます。余白スライダーでマージンをその場で確認できます。
角丸を前もって付けない
iOS、Android、Google Playは表示時にそれぞれ独自のマスクを適用します。角丸済みの素材は四隅に背景色の隙間を見せます。
書き出し前に透過を潰す
App StoreとGoogle Playはalphaチャンネル入りのアイコンを拒否します。透明部分は単色の背景で埋めましょう。
48 pxで図柄を確認
ランチャーとファビコンは48 px以下で表示されます。そのサイズで読めなければ、リサイズの前に簡略化します。
アプリアイコンをリサイズする3つの方法
ブラウザ内リサイザー、一般的なオンラインリサイザー、デザインツールの手動書き出し。同じ課題へのコストはそれぞれ違います。
| このブラウザ内リサイザー | 一般的なオンラインリサイザー | デザインツールの書き出し | |
|---|---|---|---|
| 1回の対象プラットフォーム | watchOS、Windows、Chrome含む8対象 | 多くはiOSとAndroidのみ | 1回に1サイズ |
| あなたの画像 | ブラウザ内に留まる | 通常はサーバーへアップロード | 手元に留まる |
| 余白とセーフゾーン | スライダーでマスクをライブプレビュー | 基本的な機能のみ or なし | 手動でガイド引き |
| 出力構造 | フォルダ、Contents.json、manifest、HTMLスニペット | ばらのPNGのZIP | ばらの書き出し |
| ファビコン.icoエンコード | マルチ解像度.icoを内蔵 | 提供される場合もある | プラグインかスクリプトが必要 |
| アダプティブ形状プレビュー | 円・スクウェア・しずく・角丸正方形 | ほぼない | なし |
| 費用 | 無料 | 無料だが制限付き | ライセンス or サブスク |
2026年時点の一般的なオンラインリサイザーとデザインツールの公開機能に基づく比較です。
アプリアイコンリサイザーの出力内容
各プラットフォームのパックは、余白と背景を調整済みのマスターから生成され、ファイル名とフォルダ構造は各プラットフォームの慣例に沿います。
iOS・iPadOSセット
20x20から1024x1024まで18ファイルのappiconsetに、Xcodeがそのまま読むContents.jsonを同梱。
Android mipmapとアダプティブパック
5密度フォルダに丸角アイコン、アダプティブアイコンXML、512x512のPlay ストア掲載用アイコン。
Web・PWA・ファビコンパック
マルチ解像度favicon.ico、180x180のapple-touch-icon、192と512のマニフェストアイコン、headスニペット。
macOS・watchOS・Windowsセット
MacとApple WatchのAppIcon.appiconset、Windows用app.icoとMSIXタイルアセット。
Chrome拡張機能アイコン
16、32、48、128 pxのPNGとManifest V3スニペット。拡張機能フォルダにそのまま。
ワークスペースへ送信
ログイン中のユーザーは、リサイズ済みアイコンをSparkIconAIのプロジェクトキャンバスへ直接送れます。
1枚のマスターからアイコン一式へ
リサイザーは仕上げの工程。始まりや広がりはこれらのツールで。
アプリアイコンリサイザーFAQ
サイズ、フォーマット、リジェクトされるアップロードについてのよくある質問。
アプリアイコンのサイズはいくつにすべき？
App Storeには1024x1024 pxのPNG、Google Playには512x512 pxのPNGを提出します。20x20のiOS設定アイコンから192x192のAndroid xxxhdpiランチャーまで、その他のサイズはXcode、Android Studio、またはこのリサイザーがマスターから生成します。
iPhone用のアプリアイコンはどうリサイズする？
1024x1024のマスターをリサイザーにアップロードし、図柄の周りに小さな余白を残してiOSパックをダウンロード。18個のappiconsetファイルとXcode用のContents.jsonが含まれ、フォルダはAssets.xcassetsにそのままドロップできます。Xcode 14以降、App Store Connectが必要とするのは1024x1024の1枚だけです。
ホーム画面のアプリアイコンを大きく表示するには？
その設定は画像ではなく端末側にあります。iOS 18以降ならホーム画面の空きスペースを長押しし、「編集」→「カスタマイズ」で小・中・大を切り替えられます。Androidはランチャー依存で、壁紙を長押ししてホーム設定からアイコンサイズを探します。このページは開発者がストアに提出するアートワークの話です。
Androidでアプリアイコンが切り取られたように見える理由は？
Android 8以降は108x108 dpのアダプティブキャンバスから全ランチャーアイコンにマスクをかけ、形状は端末ごとに円、スクウェア、しずく、角丸正方形と異なります。66 dp中心円の外側の図柄は一部端末で切れます。図柄が円に収まるまで余白を追加してください。余白スライダーと形状プレビューはまさにそのための機能です。
iOSアプリアイコンに透明背景は使える？
使えません。App Store Connectは全ピクセルの不透明を要求し、alphaチャンネルはアップロードエラーになります。ソースアイコンに透過がある場合は、書き出し前にリサイザーで単色背景を選んでください。潰されたPNGは審査を通ります。
アプリアイコンの角は丸めるべき？
丸めないでください。iOS、Google Play、Androidランチャーは表示時に独自の角丸マスクを適用し、マスクは端末とOSバージョンで異なります。角丸済みのアートワークは四隅に背景色の隙間を出します。正方形のまま書き出し、丸みはシステムに任せます。
リサイズしたアイコンをXcodeプロジェクトに追加するには？
ダウンロードしたZIPを展開し、ios/AppIcon.appiconsetフォルダをXcodeのAssets.xcassetsにドラッグして既存のセットを置き換えます。同梱のContents.jsonが全ファイルを列挙済みなので、手動割り当ては不要です。
これらのアイコンはFlutterアプリに使える？
使えます。ZIP内のandroid/res/mipmap-*フォルダは標準のAndroidリソース構造に従うため、Flutterプロジェクトのandroidフォルダに直接コピーできます。あるいは1024x1024マスターをflutter_launcher_iconsに入力しても構いません。iOS側はいつも通りXcodeのアセットカタログ経由です。