人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ファビコンの設定がうまくいきません。
ソースはXHTML 1.0 Transitionalにて制作しております。

http://yasainoshizuku.com

ファイヤーフォックスなどではOKですが、IE7では表示されません。
アイコンファイル作成サイトにてiconは変換して、サーバーのindexファイルと同じ階層においてあります。
さらの状態のPCから確認しても表示されないので、キャッシュの問題ではないと思うのですが、、、、
タグについてはIE対応用のものを入れています。

<link rel="shortcut icon" href="http://yasainoshizuku.com/favicon.ico" type="image/vnd.microsoft.icon"/>
<link rel="icon" href="http://yasainoshizuku.com/favicon.ico" type="image/vnd.microsoft.icon"/>

どのような問題があるかご教授いただければと思います。
レンタルサーバーはXサーバーを利用しています。

よろしくお願い致します。

●質問者: and_sin
●カテゴリ:インターネット ウェブ制作
✍キーワード:INDEX XHTML アイコン キャッシュ サイト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● goodvn
●80ポイント

favicon のファイル実態は,GIF ファイルです.

32x32px くらいの,GIF ファイルを作成し,拡張子を,.ico に変えれば,favicon として使えます.

他のブラウザやソフトへの適合も考えると,favicon.ico という名前で,ルートディレクトリに置く(/favicon.ico)のが良いと思われます.この場合,link タグは無くても表示されるはずです.

◎質問者からの返答

参考にさせて頂きます。


2 ● koujirou
●100ポイント ベストアンサー

IEのfavicon読み込みが非常に厳しいためだと思います。

http://www.towofu.net/soft/aicon.php

@icon変換 - 画像とアイコンの相互変換ツール

IEのFaviconに関する仕様は非常に厳格です。

まずWindows icon形式(bmp形式ではないよって拡張子を変えただけではだめ)でなければなりません。

「iconなのだからicon利用に最適化された形式であるべき」という思想です。

Windows icon形式のファイルは@icon変換などで作成することができます。

またIEはサイト(=ドメイン)のルートにあるfavicon.ico以外は読み込みません。

それはただのアクセサリ感覚で実装したFirefoxやOperaとはFaviconの実装理由がまったく異なるためです。

IEのFaviconがお気に入りにどれくらいの人が登録したかを知ることでマーケティングを有利にするためのものです。

また登録したページのアドレスは/favicon.icoに対するアクセスのログにリファラ部分としてかかれるので/favicon.icoのみを読み込むだけで十分です。

また/favicon.ico以外を読み込んだ場合Faviconに対するアクセスログが散在してしまうため/favicon.ico以外を読み込むべきではないのです。

Windows icon形式でサイト(=ドメイン)のルートに配置すれば読み込まれます。

もしもサイト(=ドメイン)のルートにFaviconが置けない場合<link rel=”shortcut icon” href=”[Faviconのhttp://からのアドレス]” />をhead要素の中におけば読み込まれるようになります。

しかしその場合もWindows icon形式でなければなりません。

http://q.hatena.ne.jp/1133217127

◎質問者からの返答

bmp形式に変換することで解決しました。適切なヒントありがとうございます。


3 ● quintia
●100ポイント

http://yasainoshizuku.com/favicon.ico

のファイルが、拡張子こそ ico なのですが中身は PNG形式になっています。

そのせいでしょう。


http://www.google.co.jp/search?hl=en&q=png+ico%E5%A4%89%E6%8F%9B...

ででてくる適当なツールや変換サイトで正しいico形式にすればいいと思います。

変換前に favicon.png にリネームするのが吉です

◎質問者からの返答

ずばりのご指摘ありがとうございます。無事に解決することができました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ