favicon（サイトアイコン）生成

機能

• favicon.ico：16 / 32 / 48 を標準 ICO として同梱
• apple-touch-icon.png（180）、icon-192.png、icon-512.png
• 完全セットを選ぶと 24 / 64 / 96 / 128 / 256 も出力
• 正方形でない画像は中央で正方形に切り出し、歪みません
• 白背景に平坦化するオプション（透明を黒い塊で表示する環境向け）
• 元画像が小さい場合は、どのサイズが拡大されたかを明示
• 画像は送信されず、生成はブラウザ内で完結します

使い方

1. 画像をドロップします（正方形か、それに近いもの）
2. サイズセット、ICO の有無、白背景かを選びます
3. アイコン一式がすぐに生成されます
4. 個別に、または「すべてダウンロード」でまとめて取得します

よくある質問

これらのファイルはどこに置きますか？

サイトのルートに置き、`<head>` から参照します：`<link rel="icon" href="/favicon.ico" sizes="any">`、`<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">`、`<link rel="apple-touch-icon" href="/apple-touch-icon.png">`。ICO をルートに置くのは必須です。ページがアイコンを宣言していない場合、ブラウザは `/favicon.ico` を自動的に要求します。

アイコンが正方形でなければならないのはなぜですか？

どのプラットフォームもアイコンを正方形の枠に収めるためです。正方形でない画像をそのまま入れると引き伸ばされます。そこで本ツールは最大の正方形領域を中央で切り出します。左右（または上下）は失われますが、図柄の比率は保たれます。

「白背景にする」はいつ使いますか？

アイコンが透明背景で、透明を扱えない環境に置く場合です。透明 PNG は多くのブラウザで正常に表示されますが、一部の環境（特に一部の Android ランチャーや古い iOS）では透明部分が黒い塊になります。白で平坦化すると見え方が安定しますが、任意の背景に馴染ませる利点は失われます。

画像は送信されますか？

いいえ。アイコンはブラウザ自身の canvas で拡大縮小して生成し、画像が端末から出ることはありません。オフラインでも使えます。