ファビコン作成（ICO・PNG一括生成）

使い方

1. 「作り方」で「画像から」「文字から」「絵文字から」を選びます。
2. 画像の場合はファイルを選び、正方形でない画像を「全体を収める」か「中央を切り抜く」か選びます。文字の場合は1〜2文字と太さ・文字の色、絵文字の場合は絵文字を1つ入力します。
3. 背景色・背景の形（四角・角丸・円）・角の丸みを調整します。背景を透明にもできます。変更はすぐプレビューに反映されます。
4. 明るい背景・暗い背景・ブラウザのタブでの見え方を確認し、「まとめてZIPで保存」を押します。ファイルを個別に保存することもできます。
5. ZIPの中身をサイトのルートに置き、表示されたHTMLを <head> 内に貼り付けます。

対応形式と制限

• 読み込める画像はJPEG・PNG・WebPです（SVG・HEICは不可）。
• 絵文字の絵柄は、作成に使った端末のOS・ブラウザの絵文字フォントになります。同じ絵文字でもWindowsとiPhone・Macでは見た目が違います。
• 文字は端末にあるシステムフォントで描画するため、端末によって字形が少し変わります。フォントの種類は選べません。
• 作成するのは favicon.ico（16・32・48px）とPNG（16・32・48・180・192・512px）、site.webmanifest です。SVGファビコンやマスカブルアイコンは作成しません。
• 小さいサイズ（16px）では細かい模様や細い線がつぶれて見えることがあります。

計算・変換の仕組み

各サイズを個別のcanvasに描画してPNGにします。文字と絵文字はサイズごとに直接描くため、小さいサイズでもぼやけにくくなっています。画像は512pxの下地を作り、半分ずつ段階的に縮小します。

favicon.icoは16・32・48pxのPNGをそのまま格納したICO形式です（Windows Vista以降と現在の主要ブラウザが対応）。

site.webmanifestには192px・512pxのアイコン、背景色（透明の場合は白）を theme_color・background_color として書き込みます。