www.wanichan.com
ワニchanのうぇぶわーるど ~Expression Web & FrontPage 総合情報&Tips~

お気に入りに追加したときのアイコンを指定するには?

HOME > CSS/JavaScript Tips

はてなブックマーク | Yahoo!ブックマーク Yahoo!ブックマークでこのサイトを登録している人数 人が登録

はじめに

お気に入りに追加すると、なぜかではなく、オリジナルのアイコンになっている場合があります。
私のサイトも一応、オリジナルのアイコンに設定しています(^_^;)

では、どのようにすればいいのでしょうか?

ここでは、アイコンファイルを用意して、お気に入りに追加したらそのアイコンに適用するように設定する方法を紹介します。

▲Page TOP

アイコンファイルを用意する

まず、アイコンファイルを作成する必要があります。
大きさは縦32ピクセル、横32ピクセルでいいのですが、縦16ピクセル、横16ピクセルの大きさの方がきれいに表示できるかもしれません。

アイコンファイルとは、拡張子が .ico となっているものです。
アイコンファイルはちょっと特殊なファイルですので、一般の画像エディタではアイコンファイルを作ることはできません。

荒業として、Windowsのペイントでビットマップ画像を作成して、ビットマップファイルなのに強引に拡張子を .bmp から .ico と名前を変更したら、一応(笑)・・・Windows上ではアイコンファイルとして認識します。
ただし! これは正規アイコンファイルではありません。ビットマップ形式のデータですから。

正規アイコンファイルを作ることのできるエディタは以下の通りです。

アイコンを作成したら、ファイル名は favicon.ico としてください。
そのアイコンファイルをサーバのルートディレクトリにアップロードすればOKです。

▲Page TOP

お気に入りに追加したらそのアイコンに適用するように設定する

たとえ favicon.ico というファイルをサーバに転送しても、反映されない場合があります。
例えば、プロバイダから提供されている会員ホームページスペースは無理です。ドメインを取得さえできればOKなのですが。

では、反映させるようにするには、どうしたらいいでしょうか?

まず、反映させたいHTMLファイルに記述を追加してください。

<head>と</head>の間に以下の記述をすると、めでたく反映されます。

<link rel="SHORTCUT ICON" href="アイコンファイルへのパス">

▲Page TOP

TOP BACK


HOME

総合

Expression Web

FrontPage

その他

Most Valuable Professional
Microsoft MVP for Expression
(Apr 2008 - Mar 2009)
/ FrontPage
(Apr 2005 - Mar 2008)