« モーニング娘。ラッキー7オーディション | メイン | 第2回SEOコンテスト »

Faviconを設置する

このサイトにFaviconを設置しました。FaviconとはFavorite Iconの略称で、対応ブラウザでは、URLやブックマークの左側に表示されるアイコンのことです(左の画像の赤丸で囲ったやつがそれです)。Internet Explorerだとあまりうまく表示されないことが多いですが、Firefoxの場合は完全対応しているので、ブックマークからページを選び出すときなどには個人的には非常に役に立っています。

これの作り方は非常に簡単で、16ピクセル×16ピクセルのgif画像を作成し、“favicon.ico”とファイル名を変更するだけです。私の場合は、Fireworksを使って作成しましたが、画像ソフトがない方は、Going My Wayさんで紹介されていたFavIcon from Picsを使ってみるのがいいと思います。このページでは、自分な好きな画像をFaviconの大きさに整形してくれます。

“favicon.ico”が完成したら、ファイルをサーバーにアップして、表示させたいページの<head></head>間に、「<link rel="shortcut icon" href="favicon.ico" />」と記述しておきましょう。“favicon.ico”の場所はファイルのある場所の正しい絶対パスか相対パスを記述して下さい。ファイルをルートに置かなかった場合は、特に間違いないように記述しておきましょう。

他のサイトで使われているFaviconを知りたい場合は、Favicon Japanを見てみましょう。このサイトでは現在、約1,000個のFaviconが登録されていますので、自分のサイトのFaviconを作る際の参考になると思います。自分で作ったFaviconを登録することも出来ますので、自信作が出来たら是非登録してみましょう。

-----

【お知らせ】 このブログは更新を停止し、メインブログをAnatommyに移転しました。

Feeds & Powered

RSS 2.0 RSS 2.0 / Atom Atom
Powered by Movable Type