IEでfaviconが表示されない場合の解決法

投稿日: 2008年9月14日 | カテゴリ:『自宅サーバー』>トラブルシュート

他のブラウザーではfaviconが表示されるが、Windowsのインターネット・エクスプローラでは表示されないことがあります。この解決法について紹介いたします。

1. favicon.icoの設置場所とリンクの設定

通常、faviconは、サーバーのルート・ディレクトリ(Linux系の場合には/var/www/html)に置きますが、こうするとこの配下にある全てのユーザーのicon表示が同一になって個別ユーザーの独自性が発揮できません。
この場合、各自のホームデレクトリにfaviconをおいて、そのindex.htmlのヘッダーに次のようにそのパスを指定してやります。次の指定はアイコンが同じディレクトリにある場合です。

<link rel="shortcut icon" href="./favicon.ico" />

WordPressの場合には、使用しているテーマファイルのheader.phpの<head></head>の間に次のように指定します。アイコンは、テーマファイルのルートディレクトリ(headerファイルと同じディレクトリ)におきます。

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
2. インターネット・エクスプローラ(IE)の場合

このように指定してもIEで表示されない場合には、アイコン・ファイルの適正を疑ってみる必要があります。IEではウィンドウズに適したアイコン・ファイルでないと表示されないからです。faviconの変換は、専用ソフトを使用することもできますし、ネットでもその変換を無料で行ってくれるサイトが多くあります。
これらの変換後のファイル名はfavicon.icoになりますがこのファイルがウィンドウズに適しているかどうかは解かりません。その適正は次のようにして確認します。
ファイル・エクスプローラを立ち上げて比較するiconファイルを同じディレクトリに置き、メニューの「表示」-「アイコン」を選択してアイコン表示させてみます。次のように画像が表示されるfaviconはウインドウズ用に適しているファイルです。

無料の変換ソフトに「@icon変換」があります。これはvectorなどのサイトから無料でダウンロードできます。このソフトを使用すれば確実にウィンドウズ用のアイコンが作成できます。ウィンドウズ用のアイコンは他のブラウザにも互換性がありますのでfaviconアイコンの変換はこのソフトを使用することをお勧めいたします。次のサイトにアクセスしてダウンロードしてください。

「@icon変換」のダウンロード

アイコンを作成したら、上記のように所定のディレクトリにfavicon.icoをアップロードし、「1」で紹介した設定を行ってから、IEを立ち上げ、「ツール」-「インターネットオプション」で一時ファイルを削除してください。一旦IEを終了させて新たに自サイトにアクセスしてください。アドレスバーの先頭にアイコンが表示されているはずです。

「お気に入り」のiconが変更になっていない場合には、一旦そのリンクを削除し、再登録すると反映されます。その際、リンク先アドレスをWordなどに貼り付けてバックアップを取っておいてください。IEを終了させ、再起動後バックアップしたリンクを入力し、「お気に入り」に再度登録します。それでもなおかつ前のアイコンが残っている場合には、メモリーに残留している可能性があるので再起動して様子を見てみてください。

3. @icon変換の使用法

起動後、「ファイル」-「開く」でアイコン用に作成した画像を開きます。読み込める画像ファイルは、ICO/BMP/PNG/PSD/ICL/EXE/DLLです。gifは読み込めませんので、この拡張子の画像を変換したい場合には適当な画像アプリケーションでpngまたはbmpに変換しておいてください。
右のウインドウに元の画像、左のウィンドウにアイコン画像が表示されます。

左の画像をクリックすると保存が可能になりますので「ファイル」-「単独iconとして保存」を選択し適当なディレクトリに保存します。

その他詳しい説明については以下のサイトを参照してください。
@icon変換


関連記事



IEでfaviconが表示されない場合の解決法” への4件のコメント

  1. こんにちは。
    非常に参考になりました。
    他のサイトを参考にして、何度も何度もキャッシュを削除して、IE・ウィンドウズを再起動しても、自分のサイトのfavicon表示ができませんでした(firefoxでは表示できてましたが)。
    こちらのページを参考にして、「ウィンドウズ用に適しているか確認」し、それが原因と分かって、faviconをこれまでと別のサイト(@iconはVISTA対応してるか分からなかったので他にしました)で作成してみたところ、「さくっ」と簡単に表示されました。
    (favicon設置したのはリンク貼らせていただいた私のHPとは別のサイトです)
    本当にどうもありがとうございました。

  2. この記事を参考にして頂いてありがとうございました。IEにおけるfavicon非表示の問題について、Windowsに適しているかどうかの観点から解説した記事は少ないようです。ということで、この記事にはかなりのアクセスがあります。
    @icon変換のVistaでの適正ですが、インストールして試したところ問題なく変換できます。頻繁にアイコンを変更したい人はこのソフトを使用したほうが便利ではないかと思います。@iconの本家にはインストーラ付のプログラムも置いてあります。

  3. ピンバック: faviconがIEで表示されない | Web学習の記録

コメントを残す




空欄に計算式を満たす数値を記入してください(必須)