【スクリプトライブラリ】《過去ログ》944

(2009-07-09)

ファビコン

Faviconとは、Webサイトを訪れた時に、アドレスバーやタブブラウザのタブ部分などに表示されるアイコンのことである。
名称の由来は、「お気に入り(favorite)のアイコン(icon)」を短縮した造語であり、Webブラウザのお気に入り(ブックマーク)に登録した時にもFaviconが表示される。
Faviconは、.ico形式の画像ファイルとして作成される。
Webサーバのルートディレクトリにfavicon.icoというファイル名で保存しておくことにより、WebブラウザにFaviconとして認識・表示させることができる。

設置は簡単です。
まず16×16のpngアイコンを作成、もしくはどこかから拾ってきてます。
名前をfavicon.pngとしてください。
この拡張子をfavicon.icoに変更し、サーバーにアップするだけです。

しかしこれでは、ファイヤフォックスのブラウザで表示されるが、IEでは表示されないのです。
対処方法としては、こちらから@icon変換をダウンロードします。
ダウンロードしたファイルの中に、aicon.exeがあるので、それを起動してください。

起動すると、左上にフォルダアイコンがあるのでそれをクリック。
先程のfavicon.pngを読み込み、読みこんだアイコンの上で右クリック→保存→単独iconとして保存を選びます。
これでOKです。

あとはこれをサーバーにアップすれば、IE・FireFoxともに表示完了です。


またしっかり表示されるように、headタグ内には、

<link rel="icon" href="http://サイトアドレス/favicon.ico" type="image/x-icon" />
<link rel="Shortcut Icon" type="img/x-icon" href="http://サイトアドレス/favicon.ico" />

を記述しておくといいですよ。


また、アイコンを入れ替えても、キャッシュが効いている可能性があるので、
キャッシュをすべてクリアしてからやれば、ちゃんと表示されます。

フリーソフト紹介:レシピの収集に便利な料理の友「CooKManagerVer.2.0.1.0」過去ログ一覧WEBシステム開発/待望のPHP5.3がリリースされましたPHP6への準備が始まる



favicon.pngfavicon.icoFaviconaicon.exeアイコンファビコンファイヤフォックスダウンロードWebブラウザファイルルートディレクトリ

【スクリプトライブラリ】 HOME