💡 このツールでできること
PNG画像1枚をドロップするだけで、以下のファイルを一括生成します。
- favicon.ico ── 16×16・32×32・48×48の3サイズを内包したICOファイル。旧ブラウザや一部の環境への対応に。
- favicon-32x32.png ── モダンブラウザのタブアイコン用PNG。
- apple-touch-icon.png（180×180） ── iPhoneやiPadのホーム画面追加時に使用されます。
- android-chrome-192x192.png（192×192） ── Androidやホーム画面追加時に使用されます。
- site.webmanifest ── アイコン・サイト名・テーマカラーを含む最小構成のPWA設定ファイル。
🛠️ 使い方
①
サイト名・短縮名・テーマカラー（任意）を入力します。
② 512×512px以上の正方形PNGをドロップします。
③ 「🎨
favicon一式を生成する」ボタンで全ファイルを生成。
④ 「📦
まとめてZIPでDL」でダウンロードし、サーバーのルートに設置します。
⑤ headタグのコードをコピーしてHTMLの
<head> 内に貼り付ければ完了です。
⚠️ 注意点
- 正方形（縦横同サイズ）の画像を使用してください。正方形でない場合は余白を透過で補完して出力されますが、意図しない見た目になることがあります。
- 入力画像が小さすぎると（特に64px未満）、拡大によって出力が粗くなる場合があります。512×512px以上の使用を推奨します。
- faviconはブラウザにキャッシュされるため、ファイルを差し替えても即時反映されないことがあります。反映されない場合はブラウザのキャッシュをクリアしてください（Ctrl+Shift+R など）。
-
生成したファイルはサーバーのルート（
/）への設置を前提としています。 - 変換はすべてブラウザ内で完結します。画像データが外部サーバーへ送信されることは一切ありません。