ファビコン生成

使い方

1. 画像を選ぶか、カードにドラッグします。すべてのサイズがすぐに表示されます。生成ボタンはなく、表示されているものがそのままダウンロードされます。
2. ロゴがまだない場合は「文字 / 絵文字」に切り替えて、1〜2文字を入力します。カラーピッカーで背景を設定すると、文字はコントラストに応じて黒または白になります。
3. バンドルをダウンロードしてサイトのルートに解凍し、コピーした <link> タグを <head> に貼り付けてサイトを再読み込みします。タブのアイコンが表示されるはずです。

範囲、制限、よくある質問

• SVG 書き出しはありません。16 px でも崩れない SVG には手作業で簡略化したパスが必要です。ビットマップを SVG で包んだり、システムフォントのテキストを描画したりしても、ベクターアートのように見えるだけです。必要なら自分の .svg をこの PNG セットと一緒に保管してください。
• 画像は収まるように配置され、切り抜かれることはありません。正方形でないロゴは透明な余白が残るため、先に切り抜くか構図を整えてください（ここの画像リサイズ / 変換が役立ちます）。
• 透明なアイコンにはプラットフォームが背景を付けます。iOS は apple-touch-icon の背後に背景を描画し、一部の Android ランチャーも同様です。背景を制御したい場合は「文字 / 絵文字」を使うか、ソース画像に背景を追加してください。
• site.webmanifest にはアイコンのみが記載され、name や short_name は含まれません。それはあなたのサイト名であり、このツールにはわからないためです。解凍後に両方のキーを追加してください（name は任意で、ブラウザはページタイトルにフォールバックします）。
• favicon.ico には 16、32、48 px が含まれ、64 や 128 は含まれません。これで最新のブラウザと Windows をカバーできます。必要なら PNG でサイズを追加してください。
• アニメーション GIF / WebP は最初のフレームのみが使用されます。ファビコンはそもそもアニメーションしません。
• 文字アイコンはシステムフォントで描画されるため、macOS、Windows、Linux、スマートフォンで異なります。PNG はデバイスでの表示を固定します。フォント選択がないのも同じ理由です。
• URL の取得やライブチェックは行いません。このツールはウェブサイトのアドレスを受け取れず、デプロイされたファビコンを検証することもできません。デプロイ後にサイトを開いてタブを確認してください。
• 制限: 1ファイル 20 MB、一辺 8000 px。180 px 未満のソースは大きなアイコンのために拡大され、ぼやけて見える場合があります。
• 切り抜き、背景除去、バッチ処理、履歴はありません。再読み込みすると空の状態から始まります（何も保存されず、URL にも何も入りません）。