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

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

Susan Sarandon
リリース: 2024-12-04 18:26:12
オリジナル
494 人が閲覧しました

Why Aren't My Favicons Showing Up in Google Chrome?

Google Chrome のファビコンの問題

はじめに

ユーザーは、ファビコンが表示されないという問題に直面しています。 Google Chrome、URLにアイコンのパスを入力すると表示されるにも関わらずbar.

原因と解決策

キャッシュ:

  • 次の場所で Chrome キャッシュをクリアします。 http://support.google.com/chrome/bin/answer.py?hl=ja&answer=95582.
  • 更新されたファビコンの場合は、リンク href の後に URL パラメータ ?v=1 を追加します。リソースリンクを変更し、キャッシュなしでファビコンを読み込みます。
<link rel="icon" type="image/x-icon" href="favicon.ico?v=2"  />
ログイン後にコピー

ファビコン使用法:

  • ファビコンが正しいコードで適切にインポートされていることを確認してください。
  • 通常のファビコン:

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

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

    このコードを 内に配置します。タグ。

Chrome ローカルの問題:

  • Chrome でローカルに保存されたファビコンが表示されない場合があります。 Chrome がアクセスするには、アイコンを Web サーバーにアップロードするか、ダウンロード ディレクトリに配置する必要があります。詳細については、https://superuser.com/questions/83454/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why
を参照してください。

名前の変更:

  • の名前を変更してみてくださいfavicon.{whatever} から {yourfaviconname}.{whatever} までの favicon。これにより、一部のユーザーの問題が解決されました。

Base64 アプローチ:

  • favicon を Base64 画像としてエンコードし、< に直接含めます。 ;リンク>タグ:

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

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