「お気に入り」アイコンを指定するには?

トップ > How To > 「お気に入り」アイコンを指定するには?

IEの「お気に入り」アイコン

最近のInternet Explorerでは、自分のページを「お気に入り」に追加してもらったときに、「お気に入り」メニューに表示されるアイコンも自分のデザインしたアイコンで登録してもらう機能があります。「とほほのWWW入門」のQ&Aコーナー「ラウンジ」でも過去に何度も何度も質問が出ているようなので、その方法を紹介しておきます。

http://www.tohoho-web.com/lng/200003/00030069.htm

アイコンを作成する

まずは、アイコンファイルを作成する必要があります。アイコンファイルは、通常のビットマップファイル(*.bmp)の拡張子を *.ico に変更するだけでよい場合もありますが、「お気に入り」の場合は、ちゃんと *.ico をサポートしたお絵描きソフトで作成してやる必要があります。

自分の好きなデザインのアイコンを作成して、favicon.ico という名前で保存してください。favicon は favorite icon(お気に入り(用の)アイコン)という意味でしょう。

アイコンをアップロードする

例えば、http://x.y.com/aaa/bbb.html というページが「お気に入り」に追加された場合、http://x.y.com/aaa/favicon.ico というアイコンファイルが読み出されて、メニューに追加されます。bbb.html ファイルと同じフォルダに、作成した favicon.ico を用意しておけば、準備完了です。

別のフォルダのアイコンを指定するには

HTML文書の<head>~</head>の間に、下記のような1行をいれておけば、アイコンファイルのURLを指定することができます。

<link rel="SHORTCUT ICON" href="http://なんとか/favicon.ico">

キャッシュに注意

アイコンファイルを更新してアップロードしたのに、反映されないケースが多いようです。おそらく、ブラウザのキャッシュに古いイメージが残っているためだと思われますが、これがなかなか消えてくれないようです。以下のいくつかを試してみてください。

以上のことを行っても、うまく反映されないことが多々あるようです。(Internet Explorerのバグなのでしょうか)

それでも駄目な場合は、何らかの方法でアイコンファイルを別途入手しておき、[お気に入り]-[お気に入りの整理]で、該当のリンクをマウスの右クリックから[プロパティ]を選び、[Webドキュメント]-[アイコンの変更]で好みのアイコンに変更する方法もあるそうです。(ただし、そのリンクを他の人が「お気に入り」に入れたときに、そのアイコンになるとは限りません。) (2000.6.20追記)

このアイコンキャッシュの問題は、ブラウザのキャッシュではなく、Windows の OS 自体が行っているアイコンキャッシュにも原因がありそうだという情報をいただきました。Windows フォルダ(C:\Windows など)の中の ShellIconCache ファイルを削除したり、Microsoft が配布している「Tweak UI」(「Power Toys」に含まれている?)の機能を用いたりすることで、アイコンキャッシュをクリアすることができるそうです。(2001.2.25追記)

下記のような JavaScript を <link rel="..."> の前に記述して、アイコンのキャッシュを強制的にフラッシュするとよいという情報もいただきました。(2002.9.29追記)

<script>
image = new Image();
image.src = "favicon.ico";
</script>

参考

http://support.microsoft.com/default.aspx?scid=kb;ja;JP415022

Copyright (C) 1999-2002 杜甫々
初版:2002年11月21日、最終更新:2002年9月29日
http://www.tohoho-web.com/wwwxx031.htm