ホームページ > ウェブフロントエンド > CSSチュートリアル > 私のファビコンが Google Chrome に表示されないのはなぜですか?

私のファビコンが Google Chrome に表示されないのはなぜですか?

Linda Hamilton
リリース: 2024-12-05 02:27:09
オリジナル
626 人が閲覧しました

Why Isn't My Favicon Showing Up in Google Chrome?

Google Chrome でファビコンが表示されない

キャッシュ

まず、次の手順でキャッシュをクリアします。これらの手順: http://support.google.com/chrome/bin/answer.py?hl=ja&answer=95582 。別のブラウザでテストして、キャッシュの問題であるかどうかを確認します。

さらに、あるユーザーはリンク href にパラメータを追加することでファビコンを更新できました。これにより、リソース リンクが変更され、キャッシュなしでファビコンが読み込まれます。

<link rel="icon" type="image/x-icon" href="favicon.ico?v=1"  />
ログイン後にコピー

ファビコンの使用法

ファビコンが適切にインポートされていることを確認してください正しい方法を使用してください:

通常のファビコン:

<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
ログイン後にコピー

PNG/GIF ファビコン:

<link rel="icon" type="image/gif" href="favicon.gif" />
<link rel="icon" type="image/png" href="favicon.png" />
ログイン後にコピー

これら 内に配置する必要があります。 tag.

Chrome ローカルの問題

Chrome は、ローカル (Web サーバーにアップロードされていない) の場合、ファビコンを表示しないことがあります。 Chrome では、ダウンロード ディレクトリ内のファイル/アイコンからのみファビコンを読み込むことができます。詳細については、こちらをご覧ください。 https://superuser.com/questions/726794/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why.

名前の変更

favicon の名前を「favicon.{extension}」から「favicon.{extension}」に変更してみてください。 Internet Explorer での表示の問題を解決するには、「{yourfaviconname}.{extension}」を使用します。

Base64 アプローチ

試してみる価値のあるもう 1 つの解決策は、favicon を < ファイル内に直接追加することです。リンク> Base64 エンコード画像としてのタグ:

以上が私のファビコンが Google Chrome に表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート