複数のブラウザでこれをテストしてみましたか?ブラウザが異なれば、ファビコンの処理も異なります。
ここにあなたが試すことができるいくつかのことがあります。
キャッシュをクリアする
- お気に入りのリンクのすべての参照を削除します。
- ブラウザのファイルキャッシュをクリアします。
- ターゲットブラウザのすべてのインスタンスをシャットダウンします。
- ブラウザを再度開き、Webサイトに移動します。
強制更新
- Mozilla Firefoxを使用している場合は、次のことを行う必要があります。
- Webサイトに移動します
- お気に入りアイコンの正確な場所に移動します。例:www.site.com/favicon.ico。
- ブラウザウィンドウを右クリックして、[更新]を選択します。
これが行われると、Firefoxはキャッシュされたバージョンの代わりにアイコンをリロードすることを強制されます。
ブラウザのデフォルトの動作
ファビコンを指定する2番目の方法は、事前定義されたURIを使用してイメージを識別することに依存しています:「/favicon.ico」。これはサーバールートを基準にしています。一部のブラウザはそのURIを使用してファビコンを検索するようにプログラムされているため、この方法は機能します。そのため、代わりにファビコンをルートに配置して、機能するかどうかを確認することをお勧めします。(アイコンの名前もfavicon.icoに変更します)。
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
画像形式
ファビコンのフォーマットに問題がある場合があります。すべてのWebブラウザーで問題が発生している場合は、ファビコンをgifまたはpngに変換して、問題が解決するかどうかを確認できます。
ブラウザにファビコンの更新を強制する
URLパラメータを渡すことで、ブラウザにファビコンを強制的に更新させることができます。verパラメータを使用すると、新しいファイルを強制的にダウンロードするたびにバージョン番号を増やすことができます。
これをマークアップに追加します。
<link rel="shortcut icon" href="/favicon.ico?ver=2.0" type="image/x-icon"/>