マックハウス

Last updated: August 17, 2007

「ファブ・アイコン」って何、と言う人もいるでしょう。なかなか聞き慣れない言葉です。「favicon」というのは、インターネット・ブラウザーにサイトのURLを入力した際に現れる、そのサイト独自のアイコンです。

「favicon」の作り方は意外に簡単なので、以下に説明します。

1. まずはアイコンの画像を16 x 16ピクセルの大きさで作ります。この画像を、ウィンドウズがアイコンに使う「ICO」フォーマットで保存する必要があります。アドビ・フォトショップを持っている人は「ICO plugin」という無料のプラグインが使えます。（マックソフト・セクションを参考）またフォトショップを使わない場合は、「Graphic Converter」を使っても、画像を「ICO」フォーマットで保存するできると聞いています。
2. 作ったアイコンを「favicon.ico」と名前をつけて保存し、index.html（或はそれと相当するファイル）と同じ場所にアップロードする。
3. 一般的には、index.htmlと同じ場所に「favicon.ico」と名付けたファイルを入れておけば、自動的にブラウザーがそのアイコンを探しますが、ブラウザーによっては、自動的に読み込まない場合があります。その場合は。以下のコードをヘッドタグに挿入します。

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">