Faviconジェネレーター
Webサイト用アイコンを一括作成
画像をここにドロップ
推奨: 512x512px以上の正方形画像
Faviconジェネレーターの使い方
1枚の画像から、Webサイトに必要な複数のアイコンサイズを一括生成します。
1
画像のアップロード
正方形（1:1）の画像推奨です。512x512px以上の高解像度画像を用意してください。
2
アイコン生成
「アイコンを生成する」ボタンを押すと、各種サイズのプレビューが表示されます。
3
ダウンロード
必要なサイズのアイコンをダウンロードして、Webサイトのディレクトリに設置します。
実際の使用例
ロゴから生成
企業ロゴ -> Faviconセット
INPUT
512pxのロゴ画像
OUTPUT
16px, 32px, 180px, 192px, 512pxのPNG
よくある質問
.icoファイルは作れますか？
このツールでは互換性の高いPNG形式で出力します。現代のほとんどのブラウザはPNG形式のFaviconに対応しています。古いIEなどをサポートする必要がなければ、favicon.ico（32x32のPNGをリネームしたもの）でも多くの場合動作しますが、厳密な.icoバイナリが必要な場合は専用の変換ソフトをご利用ください。
HTMLタグはどうすればいいですか？
生成後、必要なHTMLタグ（<link rel="icon" ... />）のサンプルも表示されますので、コピーして<head>内に貼り付けてください。
役立つTips
ダークモード対応
Faviconはブラウザのタブ背景色（ライト/ダーク）によって見え方が変わります。透明背景のPNGを使い、どちらでも視認性の高いデザインにするのがコツです。
スマホのホーム画面
iPhoneやAndroidで「ホーム画面に追加」した際に使われる `apple-touch-icon` や `android-chrome` アイコンも同時に生成されるので、これらを設置しておくとアプリのような体験を提供できます。