faviconでお気に入り用アイコンを表示させる

いろいろなサイトを見ていると、アドレスバーやタブの部分にサイトオリジナルのアイコンが出ていることがありますよね。お気に入りに入れておくと、アイコンを見るだけでサイトが見つけやすくなり便利ですし、その分アクセスしてもらいやすくなります。

アイコンを作る

アイコンはブラウザで見れる形式であれば問題ないとされているのですが、現状IEではico形式のものしか表示できないため、アイコンを作ったらico形式で保存します。
アイコンサイズは16×16ピクセルで作っておきましょう。
小さいですが、文字を入れるときはアンチエイリアスをオフにしておくと見やすくなります。

保存はBMPで、あとから拡張子をicoに変えていますが、オンライン上で誰でも簡単にico形式のアイコンを作成できるサイトがあります。

faviconを設定する

faviconを設定するには、head内に以下のようにリンクを追加します。

<link rel="shortcut icon" href="favicon.ico" >

これだけでOKです。
簡単ですが、これだけでタブ上でもブックマーク上でもサイトのロゴが目立つようになります。
小さいことでもコツコツとサイトブランドを確立させましょう！