ファビコンチェッカー
プライバシー優先設計 — すべてブラウザ内で処理します
Webサイトが配信しているファビコンを、レガシーのICOファイル、最新のPNGバリアント、Appleタッチアイコン、Webアプリマニフェストまで確認できます。Toovaはブラウザ内で取得してプレビューするため、自社サイトを監査したり、競合サイトと比較したりできます。
ファビコンが混沌としている理由
ブラウザ、モバイルプラットフォーム、ソーシャルカード、RSSリーダー、ブラウザ拡張機能はすべて、ファビコンを別々の場所、/favicon.ico、/apple-touch-icon.png、マニフェスト、metaタグで探します。/favicon.icoだけを配信するサイトは、現代のすべてのコンテキストを取り逃します。Toovaは一般的なすべての場所を確認し、結果を表示し、欠けているものを示すため、手作業でリクエストを組み立てずに自社サイトを監査できます。
確認される対象
ルートの古典的な /favicon.ico、apple-touch-iconのサイズ（180×180、152×152、120×120）、HTMLで宣言されたPNGファビコン、サイトのWebアプリマニフェスト（manifest.json）と参照するアイコン、ソーシャルカードで使われるOpen Graph画像です。Toovaはそれぞれを取得し、サイズと寸法を表示し、欠けているものを示します。デザインシステムやブランド監査に便利です。
ローカルのみ
取得はブラウザから実行され、対象サイトのCORSポリシーに従います。確認するURLがToovaのサーバーへ送信されることはありません。どのサイトを監査しているかのログ記録もありません。競合分析を行ったり、未公開ドメインを確認したりするときに重要です。Networkタブには対象サイトへのリクエストだけが表示され、他のどこへのリクエストも表示されません。
よくある質問
- ファビコンサイズがこんなに多いのはなぜですか？
- コンテキストごとに異なるサイズが使われます。iOSのホーム画面は180×180を求めます。Androidのホーム画面はマニフェストアイコンを使います（しばしば192×192と512×512）。デスクトップブラウザのタブは16×16と32×32を使います。どこでもきれいに見せる唯一の方法は、すべてを配信することです。
- favicon.icoは今でも必要ですか？
- はい。レガシーブラウザや、既定で /favicon.ico を見るツールのために必要です。明示的なファビコンが宣言されていないとき、最新ブラウザもそこにフォールバックします。PNGバリアントと並べて配信してください。
- Webアプリマニフェストとは何ですか？
- manifest.json（またはmanifest.webmanifest）は、インストール可能なWebアプリのアイコン、名前、テーマカラーを宣言します。Androidはこれをホーム画面インストールプロンプトに使います。iOSも名前とアイコンを読みますが、一部のプロパティはAndroidでのみ動作します。
- ときどきCORSエラーが表示されるのはなぜですか？
- 一部のホストはクロスオリジン画像の取得をブロックします。Toovaはレスポンスを確認することでアイコンの存在を検出できますが、プレビューに画像をレンダリングできません。実際のWebサイトは常に正常に動作します。これは単にツールの制約です。
- 確認するURLはどこかにログされますか？
- いいえ。Toovaは確認するURLを見ません。リクエストはブラウザから対象サイトへ直接送られます。