web-dev-qa-db-ja.com

favicon.icoがどこにも表示されない

私はここでいくつかの投稿を見て、オンラインでさらに調査を行いましたが、問題を見つけることができません。

Favicon.icoをメインディレクトリに配置しましたが、どのブラウザーにも表示されません。私はFirefoxとSafariでそれを個人的に試しました、そして残りはBrowsershotsで試しました。

また、htmlの先頭に次の行があります。

<link rel="icon" type="image/x-icon" href="favicon.ico"/>

同じサーバー上の他のページにあるので、タイプなしで試してみました...

このWebサイトにはファビコン（アザミ）は表示されません

このウェブサイトにはファビコン（グリーンマン）が表示されます

サイトのディレクトリの同じ場所にファビコンがある同じサーバー上の2つのサイト。 ??

私が理解できる唯一のことは、icoをオンラインで変換し、サーバーにアップロードする前にMacBook Proに保存するときに問題があったことですか？

ヘルプやヒントや考えは大歓迎です。

htmlbrowserfavicon
9
ProfRose

同じ問題がありました。この素晴らしい答えが見つかりました： https://stackoverflow.com/a/16375622/5359989

私にとってうまくいったのは、「favicon.ico」を「myfavicon.ico」などのユニークなものに変更し、それに応じてHTMLでそれを参照することでした。これもあなたのために働くことを願っています。

21
Jonathan McLaren

これを変える：

<link rel="icon" type="image/x-icon" href="favicon.ico"/>

これに：

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

ファビコンが表示されないもう1つの理由としては、キャッシュされたバージョンのサイトを表示していることが考えられます。

キャッシュをクリアしてサイトを再度開くと、ファビコンが表示されます。

3
AndrewL64

Chromeは、私のfavicon.icoが64x64の画像であるという事実を気に入らなかった。 32x32ピクセルの画像に変更すると、すぐに表示されました。

1
patrick

href=""属性で相対パスを使用しています。ルート相対パス/favicon.icoまたは絶対パスhttp://yoursite.com/favicon.icoに変更します。

1
Dai

すべてのアイコンが同じというわけではありません！私はしばらくの間この問題を抱えていて、一部のブラウザがアイコンを表示しない理由を理解することができませんでした。リンクタグが言った場所にファイルが存在することを私は絶対に知っていました。最終的に私は、少なくともChromeおよびOperaでは、.icoファイル内のフォーマットに応じていくつかのアイコンが表示されることを発見しました。

例えば。 64x64、32x32、16x16形式の.icoのみが表示されます。

ただし、上記に加えて、512x512、256x256、128x128、および48x48フォーマットの.icoは表示されません。

これは実際にはブラウザの問題のように見えますが、複数のブラウザに影響を与えるのは奇妙です。

とにかく、少なくとも私にとっての解決策は、64x64、32x32、16x16形式のみを含めることでした。

0
user876725