Webサイト ファビコンチェッカー
サイトが宣言しているファビコンを確認し、各アイコンURLと/favicon.icoが実際に読み込めるか（ステータス、種類、サイズ）、apple-touch-iconとmanifestの有無を調べます。
スキームがない場合は https:// を補います。
ファビコンチェッカーとは？
このツールは、ページのアイコン宣言（rel="icon"、shortcut icon、apple-touch-icon、mask-icon）とWebアプリマニフェストのリンクを読み取り、各アイコンのURLとデフォルトの /favicon.ico にリクエストして、実際に読み込めるかを確認します。各アイコンのHTTPステータス、コンテンツタイプ、サイズと、よくある不足点のチェックリストが表示されます。
ファビコンチェッカーの使い方
- WebサイトのURLを入力してCheckを押します。
- アイコンURLの表（rel/sizes、HTTPステータス、コンテンツタイプ、サイズ）を確認します。
- チェックリスト（宣言されたアイコン、/favicon.ico、apple-touch-icon、manifest）を確認します。
ファビコンチェッカーを使うべき場面
ブラウザのタブ、ブックマーク、検索結果にファビコンが表示されないときや、アイコンを変更した後に使います。アイコンの描画や、ファイル内の画像サイズの確認は行いません。また、ブラウザはファビコンを強力にキャッシュするため、修正したアイコンが反映されるまで時間がかかることがあります。
ファビコンチェッカーの仕組み
AlgoKitのPages Functionが、他のチェッカーと同じSSRF対策のもとでページを取得し、HTMLからアイコンとマニフェストのリンクを抽出して、/favicon.ico を含む最大8件のアイコンURLにリクエストします。アイコンURLでのリダイレクトはたどらずに報告するため、すべてのリクエストがプライベートアドレスのチェックを通ります。ステータス、Content-Type、サイズ（Content-Lengthまたは読み取ったバイト数、最大1 MB）がブラウザに返されます。
一般的な使用例
- ブラウザのタブが空白アイコンになる理由（宣言したファイルが404）を調べる。
- /favicon.icoを直接リクエストするツールやクローラーのために、ファイルが存在することを確認する。
- iOSのホーム画面ブックマーク用にapple-touch-iconがあることを確認する。
- アイコンがtext/htmlではなく画像のコンテンツタイプで配信されていることを確認する。
よくある質問
/favicon.icoはまだ必要ですか。
最近のブラウザは宣言された <link rel="icon"> を使いますが、一部のツール、RSSリーダー、古いブラウザは/favicon.icoを直接リクエストします。1つ置いておけば404を避けられます。
apple-touch-iconのサイズはいくつにすべきですか。
180×180 pxのPNGなら現行のiPhoneとiPadをカバーでき、他のサイズはiOSが拡縮します。
Googleに古いファビコンが表示されるのはなぜですか。
Googleはファビコンを独自のスケジュールで再クロールします。アイコンがクロール可能で安定していることを確認してください。反映には数日から数週間かかることがあります。