ブックマーク用のロゴマーク「ファビコン」を作成する

ブックマークしたときや、アドレスバーの横に出てくるロゴマークの作成方法を教えてください。

ご質問にお答えします。

ブックマークをしたときやアドレスバーの横に出てくるロゴマークのことを「ファビコン(Favicon)」と言います。大手のサイトで多く使われています。

まだ知らない方も多いかと思いますが、ファビコンを登録していないと、ブックマークの一覧を見た時に探しにくくなりますのでぜひ登録しましょう。

まず、ファビコンは「.ico」の拡張子で作成します。GIFやPNGでも使用できますが、Internet Explorerでは表示されないので、「.ico」で作成しましょう。

画像のサイズは16px×16pxが通常となっています。

ファビコンの作成には、
・IconFX（専用アプリケーション）
・ico Generator(webサービス)

などを利用します。

作成したファビコンは、Htmlのheadの中にlink要素で記述します。
<link rel=”shortcut icon” href=”images/favicon.ico” type=”image/x-icon” />

以上の簡単な作業ですぐにファビコンが設置できます。