アイコンを一括で多サイズ書き出し

必須ではありません。非正方形の画像は正方形の画布に等比縮小され四周は透明の余白（contain）、実際の処理方法はページに表示します。ただ 512 ピクセル以上の正方形の元画像がおすすめです——余白はアイコンが枠の中で漂っているのに等しく、本物の正方形アイコンと並べた見た目は異なります。

現代的なブラウザと PWA はいずれも PNG の favicon に対応し、16/32/48/64/192 がほとんどの用途をカバーするので、本ページはシンプルに PNG のみとします。どうしても .ico が要る場合（古いサイト、favicon.ico を書き込んだ CMS）は「PWA アイコンとスプラッシュ画面」ページを使ってください——16、32、48 の PNG をそのまま 1 つの ICO 容器に収めます。180 は Apple タッチアイコンの常用寸法、512 はアプリアイコンと maskable アイコンに使うことが多く、一式の設置リソース（manifest、maskable 安全域、iOS 各機種の起動画面）もあのページです。

縮小は最近傍サンプリング（滲ませず、アンチエイリアスも掛けず）を採り、色塊とロゴの縁をハードエッジに保つのは、アイコン道具のよくある基準です。16/32 がザラつくようなら、元画像の線画法を太くかディテールを簡素化してから再エクスポートしてください。

されません。デコード・正方形化・縮小・PNG エンコードすべてブラウザ内で完結（PNG は自作の純 JS エンコーダが 1 バイトずつ生成）、画像は端末の外に出ず、ページ更新で消えます。