-

faviconがIEで表示されません。可能性のある表示されない原因を教えてください。

みんなの回答 8 件

名無しさんの回答

【追記】ヘッダーに入れてるfaviconのタグ<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico">

名無しさんの回答

【追記】faviconの作成方法。photoshopにて、16×16ピクセルの画像を作成し、拡張にて書きだす。書き出し時に選択する設定はStandard ICO。他にもオンラインのfavicon生成ツール等を使用してみたが、うまく表示されず。

名無しさんの回答

【追記】IEのキャッシュが効いてない状態でも確認。

名無しさんの回答

【追記】サイズ属性を指定したのも試してみました

<link rel="icon" type="image/vnd.microsoft.icon" sizes="16x16" href="img/favicon.ico">
名無しさんの回答

回答が来ない理由をまず考えような。

名無し

わからないので教えていただけると助かります。

名無しさんの回答

このように記述するといかがでしょうか?

<link type="image/x-icon" rel="shortcut icon" href="フルパス/favicon.ico" /> 
名無し

上手くいきますよ

名無しさんの回答

ぐぐればいくらでもデバッグ済みのソースが出てきそうなもんだけど。 /path/ は独自のパスに変更してください。

<!-- 通常指定 --> 
<link rel="icon" type="image/x-icon" href="/path/avicon.ico" /> 
<link rel="Shortcut Icon" type="image/x-icon" href="/path/favicon.ico" /> 
<!-- Mozilla系PNGサポート --> 
<link rel="icon" type="image/png" href="/path/favicon.png">
名無し

ちなみに、「ファビコン」「IE」と検索すると、いくらでも出てきます。片っ端から試しても良いし、自分のサイトでファビコンがバグるブラウザを使って正しく表示されているサイトを探し、そこのソースを真似ても良いし。質問の良し悪し以前に、この程度のことは自分で解決できないと成長しないよ。

名無し

上手くいきますよ

名無し

トピ主です。上のコメントはミスです。すみません。

名無し

で、質問が不明瞭で本当に申し訳なかったんですが、知りたかったのはIEで正常に表示されるソースではなく、IEで表示されない原因を知りたかったのです。あと、わからない問題にぶつかったとき、ググっても、人に質問を投げても、どちらでもいい気しますが。。。

名無しさんの回答

トピ主です。rel="shortcut icon"と指定しないと表示されないことがわかりました。これでクロスブラウザで表示されるようですが、rel="icon"と指定したコードも入れた方がいいという意見も見ました。

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="img/favicon.ico"> 
<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico">
最終更新日:2012-03-21 (20,707 views)

関連するトピックス

ページ上部に戻る