Google Chrome にファビコンが表示されないのはなぜですか?-CSSチュートリアル-php.cn

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

Susan Sarandon

リリース： 2024-12-05 05:26:13

オリジナル

808 人が閲覧しました

Why Isn't My Favicon Showing in Google Chrome?

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

問題:

ファビコン、つまりウェブサイトのアイコンが Google Chrome に表示されませんGoogle Chrome (ただし、アイコンへのパスを URL に手動で入力すると表示されます) bar.

解決策:

この問題を解決するには、次の解決策を検討してください:

キャッシュ:

Google の指示に従ってブラウザのキャッシュをクリアします。 http://support.google.com/chrome/bin/answer.py?hl=ja&answer=95582

ファビコンの使用法:

正しい形式を使用してファビコンが HTML ヘッドセクションに追加されていることを確認してください。構文:
- 通常のファビコン:
```
<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" />
```
  ログイン後にコピー

Chrome ローカルの問題:

Chrome でファビコンが表示されない場合がありますローカルにアクセスされる場合 (Web サーバーにアップロードされない場合)。アイコンがダウンロードディレクトリに存在する場合、Chrome ではそのアイコンのロードが許可されます。詳細については、https://superuser.com/questions/1266255/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why

を参照してください。

名前の変更:

favicon を「favicon.{extension}」以外のものに変更すると、問題が解決される場合があります。例: 「myfavicon.{extension}」

Base64 Approach:

または、ファビコンを Base64 でエンコードされた画像として HTML ヘッドに直接追加することもできます。以下に示すように、セクション:

<link href="data:image/x-icon;base64,AAABAAIAEBAAAAEAIABoBAAAJgAAACAgAAABACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAA////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8AhISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wCEhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/595z////8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAAAAAAALztHAAAAAAAuU2sAU5bCClOWwkNTlsKAU5bCwFOWwvhTlsL/U5bC/1OWwv9TlsL/U5bC/...

**Generate Favicons:**

ログイン後にコピー

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