【ホームページ作成】アドレス欄やタブに独自アイコンを表示する

ウェブサイトの目印になるアイコン

All Aboutをメジャーな最新ブラウザで閲覧すると、アドレス欄にレッドボールのアイコンが表示されていることが分かると思います。
※レッドボール：「All About」や「About.com」で使われているマークです。

IE7のアドレスバー：URLの左にレッドボール（All Aboutのマーク）が見える

Firefox2のアドレスバー：同様にURLの左側にレッドボールがある

この画像は「ファビコン（Favicon）」と呼ばれるアイコンで、アドレス欄以外にも、（タブブラウザの）タブやブックマークに登録した際のアイコンとしても使われます。

IE7のタブバー：タブに各サイトのアイコンが表示されている

Opera9のタブバー：タブに各サイトのアイコンが表示されている

さらに、「アドレス欄に表示されているアイコン」や「ブックマークの1項目」をデスクトップにドラッグすると、デスクトップ上にそのページ（URL）へのショートカットができます。このアイコンにも使われます。

各サイトのアイコンはデスクトップ上でも使われる

たくさんのページを同時に閲覧している場合、このアイコンの存在によってサイトの存在が強調され、より印象に残りやすくなる効果が期待できます。

ウェブサイトの目印にもなるアイコン「ファビコン」は、とても簡単に作成・使用できます。 ぜひ活用してみて下さい。 今回は、この「ファビコン」の作り方・使い方をご紹介致します。

【目次】

• Page.2：ファビコンの正体と記述すべきソース
   → ファビコンは何も特殊なものではありません…
• Page.3：ウェブサイト全体に一括適用する方法
   → HTMLなど書かなくても指定できます…
• Page.4：ファビコン画像を作ってみる
   → アイコン画像は誰でも簡単に作れます…