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

モバイルオペレーティングシステムは、ホーム画面、アプリスイッチャー、設定、通知、App Store/Play Storeのリスティング、検索結果など、多くの異なるコンテキストでアプリアイコンを表示します。各コンテキストは異なるピクセル寸法を必要とします。iOSだけで完全な提出に20以上の異なるアイコンサイズが必要です — 20×20（iPadの通知）から1024×1024（App Storeリスティング）まで。Androidは108×108で72×72のセーフゾーンを持つアダプティブアイコンと、複数の密度のレガシーアイコン（mdpi: 48×48、hdpi: 72×72、xhdpi: 96×96、xxhdpi: 144×144、xxxhdpi: 192×192）を使用します。

画像エディタで各サイズを手動で作成するのは面倒でエラーが発生しやすいです。1024×1024で良好に見えるソース画像が、29×29に縮小すると重要なディテールを失う可能性があります。重要なのは、すべてのサイズで機能するシンプルで大胆なデザインから始めることです — 細い線、小さなテキスト、小さいサイズで消えてしまう複雑なディテールは避けてください。ソース画像は少なくとも1024×1024ピクセル（iOS用）または512×512ピクセル（Android用）で、PNG形式で透明性のないもの（iOSは透明なアプリアイコンを許可していません）を使用してください。

ウェブアプリケーション（PWA）の場合、要件はシンプルですが依然として重要です。manifest.jsonファイルは様々なサイズのアイコンを参照します：Androidホーム画面用の192x192、スプラッシュ画面用の512x512、ファビコン用の任意サイズ。Apple Touch Icon（180x180）はHTMLで別に参照されます。ツールは1つのソース画像からすべてのウェブアプリアイコンサイズを生成します。

ツールはCanvas APIを使用して、ソース画像を各必要な寸法にリサイズします。ソース画像はImageオブジェクトにロードされ、各ターゲットサイズに対してその寸法でキャンバスが作成され、高品質リサンプリング（imageSmoothingQuality = 'high'）を使用してctx.drawImage()で画像が描画されます。各キャンバスはPNG blobとしてエクスポートされ、ダウンロード用にパッケージ化されます。

iOSの場合、ツールはAppleの命名規則に従ったアイコンセットを生成します。これらのアイコンはホーム画面、設定アプリ、通知バナー、App Storeで使用されます。完全なセットには20x20から1024x1024までのサイズが含まれ、各サイズに1xと2x（Retina）バージョンがあります。