ブログメイン > WEB > TOOL > Faviconの設置

2006年08月20日

Faviconの設置

Faviconとはフェイバリットアイコン(お気に入りアイコン)のことです。一体何なのかというと、ブラウザのアドレスバーの左端にある小さなアイコンのことです。また、サイトをブックマークするとブックマークバーにも表示されます。ま、それだけっちゃそれだけなんですけど、たったこれだけのことでも結構目を引くんです。

ここで簡単にファビコンを作れる方法を紹介するので、ぜひサイトを持っている人は挑戦してみて下さい。


1.元画像を作る
まず画像ソフトでファビコンの元になる画像を作ります。PhotoshopやFireworks、又はフリーソフトでも大丈夫です。ただ注意することはGIF、JPG、PNGのいずれかの形式で作成することと、正方形でデータを作ることです。

2.icoファイルに変換する
次に作成したデータをicoファイル(favicon.ico)に変換します。フリーの変換ソフトもありますが、Favicon Japanの自動生成ツールを使用すると簡単に変換できます。

3.icoファイル(favicon.ico)とhtmlファイルをサーバーにアップロードする
ファビコンを設置したいhtmlファイルの<head>~</head>内に下記のタグを追加します。

<link rel="shortcut icon" href="icoファイルまでのパス/favicon.ico" />

最後にfavicon.icoと修正したhtmlファイルを任意の場所へアップロードすれば完了です。

早速ちゃんと表示されているか確認してみましょう。設置に成功すると地味に嬉しいです(笑)
うまく表示されない場合、ブラウザの対応をこちらで確認してみて下さい。

投稿者 warkey : 21:56 | コメント (0) | トラックバック (0)

このエントリーのトラックバックURL

http://www.kc-g.com/cgi/mt/mt-tb.cgi/6

コメント

コメントを送ってください




ログイン情報を記憶しますか?

(スタイル用のHTMLタグが使えます)