faviconがIEで表示されません。可能性のある表示されない原因を教えてください。
【追記】ヘッダーに入れてる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">
みんなの回答 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">
トピ主です。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">
関連するトピックス