Favicon ジェネレーターは、1枚のロゴをサイトに必要なアイコン一式に変えます。favicon-16x16.png、favicon-32x32.png、favicon-48x48.png（ブラウザタブとデスクトップショートカット用）、apple-touch-icon.png 180×180（iOS ホーム画面用）、android-chrome-192x192.png と android-chrome-512x512.png（Android と PWA 用）。さらに 16 / 32 / 48 の3枚の PNG を1つのマルチサイズ favicon.ico にまとめ、site.webmanifest のテンプレートと <head> にそのまま貼れる <link> コードを添えます。拡大縮小には pica の高品質リサンプリングを使用。処理はブラウザ内で完結します。

役割はサイズ調整とパッケージングだけで、グラフィックデザインはしません。ロゴ自体が 16px でも見分けられるかどうかが、良い favicon の条件です。

1. 01ロゴをアップロードPNG / JPG / WebP / SVG の1枚。512×512 以上の正方形を推奨します。正方形でない画像には「自動で中央トリミングします」と表示されます。
2. 02アイコン一式を生成ボタンを押すと、まずロゴを中央で正方形にトリミングし、続いて6つのサイズへ順に縮小します。元画像の短辺が 512px 未満の場合は、512 アイコンが拡大生成される旨の警告が出ます。
3. 03結果を確認「生成結果」に各ファイルの名前・用途・容量が並び、個別にダウンロードできます。「zip で一括ダウンロード」を押すと、7つの画像ファイルと site.webmanifest を含む favicon.zip が得られます。
4. 04サイトへ組み込み「組み込みコード」から HTML の参照（<link rel=icon>、apple-touch-icon、manifest）をコピーして <head> に貼り、展開したファイルをサイトのルートディレクトリへ配置します。manifest 内の名前とテーマカラーは必要に応じて変更してください。

対応入力

PNG / JPG / JPEG / WebP / SVG、1回に1枚。SVG は先にラスタライズしてから縮小され、ベクターは保持されません

サイズセット

PNG は固定の6サイズ、ICO は 16 / 32 / 48 を固定で含み、カスタマイズや増減はできません

ICO の格納形式

内部に PNG データを直接格納します（モダンブラウザと Windows Vista 以降が対応）。旧式の BMP ビットマップではありません

トリミング

正方形でない画像は一律で中央を正方形にトリミング。範囲の選択や余白での埋め合わせはできません

やらないこと

アイコンのデザイン、角丸や背景色の追加（先に「丸型アバター」で処理）、Windows タイル用 browserconfig.xml や Safari pinned-tab 用 SVG の生成

トリミング、縮小、ICO のパッケージングはすべてブラウザ内で完了し、ロゴがサーバーへアップロードされることはありません。