🎨 Favicon ジェネレーター
1枚の画像から、favicon.ico・apple-touch-icon・Android・PWA用の全サイズをZIPで一括生成。manifest.jsonとHTML埋め込みコードも自動出力。すべてブラウザ内処理で画像は送信されません。
📤
画像をドラッグ＆ドロップ または クリックしてアップロード
PNG / JPG / SVG / WebP (推奨: 512x512 以上の正方形)
📏 生成サイズの解説
- 16x16・32x32 (favicon.ico): ブラウザタブ・ブックマーク。ICOフォーマットで両方を1ファイルに収納
- 180x180 (apple-touch-icon.png): iOSのホーム画面追加時のアイコン
- 192x192 / 512x512 (android-chrome): Androidホーム画面・PWAアプリアイコン
- SVG favicon: ベクター対応ブラウザ向け（モダンブラウザはこちらを優先）
- manifest.json: PWA対応・Lighthouse スコアUP・「ホーム画面に追加」機能
❓ よくある質問
- 元画像のサイズは？
- 512x512px 以上の正方形画像を推奨。元が小さいと拡大時にぼやけます。SVGが理想。
- 透過 PNG は使える？
- はい。「背景: 透過のまま」を選べばそのまま使えます。ダークモードでも見えるよう「色で塗る」も選択可能。
- favicon.ico のサイズは？
- 16x16 + 32x32 の2サイズを1ファイルに収納したマルチサイズICO。約2-4KB程度。
- 古いブラウザ対応は？
- HTMLコードに `link rel="shortcut icon"` も含めるのでIE等にも対応。SVGはモダンブラウザ優先。
- アップロードした画像は送信される？
- いいえ。すべてブラウザ内（Canvas API）で処理し、画像はサーバーに送信されません。安心して機密ロゴも使えます。
- PWA に対応するには？
- 生成された manifest.json をルートに置き、HTMLに <link rel="manifest"> を追加すれば対応完了。Service Worker は別途必要です。