ファビコンジェネレーター
テキスト、絵文字、または画像から複数の形式のファビコンを作成
テキストまたは絵文字を入力してプレビューを表示
クイック例:
ファビコンの使用方法
1. ファビコンをダウンロード
推奨される最小限のセットアップ：
- 32×32 PNG - favicon.pngにリネーム（最も一般的）
- SVG - favicon.svgにリネーム（モダンブラウザ、スケーラブル）
オプション（より良いカバレッジのため）：
- 16×16 PNG - favicon.icoにリネーム（レガシーブラウザ）
- 180×180 PNG - apple-touch-icon.pngにリネーム（iOSホーム画面）
2. ウェブサイトに追加
サイトのルートまたはpublicディレクトリにファイルを配置し、HTMLのheadタグに以下を追加します：
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
ヒント
- 小さいサイズでも機能するシンプルで太字のデザインを使用してください
- 絵文字は素早く認識可能なアイコンとして最適です
- SVGはモダンブラウザに推奨（スケーラブルで小さなファイルサイズ）
- 視認性を高めるために高コントラストの色を使用してください