アドレスバーやタブブラウザのタブ部分などに表示する「Favicon」を設置する

(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への準備が始まる

最近話題のキーワード

大海物語 7セグ陣内智則寝顔電信エンプラ 価格ナンバー 辰吉丈一郎鹿児島 内職アニメーター志望海水魚サンゴYMOチケットSuicaエリア近藤春菜 ファーストキス性同一性障害保険太陽の塔 フィギュア山田モデラー岐阜groovePolysics 動画めざましテレビ ミネラルファンデーション必殺仕事人2009 新メンバーRESISTANCE PVtheverbs

ライブラリ