ホームパージのURL欄先頭にアイコンを表示する。
(faviconの作り方)


SafariやMozillaなどのブラウザでWebサイトを見ると、URL欄の先頭に独自のアイコンが表示されているサイトがあります。このアイコンは意外と簡単に付けることができます。

(1)アイコンを作ります。
自分で絵や文字を作っても勿論良いのですが、簡単な方法があります。
AYNiMacさん作成のソフト IconExporterを使うと簡単です。

IconExporterを起動し、16×16ピクセルに設定。
Welcome to ・・の付近にアイコンにしたい画像をドロップします。

すると出力先(ここではDesktopに設定)に
icn_ファイル名.gif_16.png
が生成されます。

(2)アイコンをウインドウズアイコン形式にします。
この生成されたファイルをGraphicConverter で開き、別名で保存〜保存形式をウインドウズアイコン(*.ico)にして保存をクリック。
すると
が生成します。このファイルの名前をfavicon.ico
にします。(上記の別名保存でfavicon.icoにしておけば、その名前で生成されます)
(3)サーバーにアップ。
上記で作成したアイコンfavicon.icoをサーバーにアップ。

(4)トップページindex.htmlのソースに下記の一行を追加し、これもサーバーにアップする。
<head>
<link rel="shortcut icon"href="favicon.ico">

これで自分のページにアクセスしてみると、アイコンが表示されます。

注意:もし表示されなかったり、アイコンを変えても変化が無かった時は
Safariではfaviconのキャッシュがクリアされないで古いまま残ってしまうようです。そんな時はSafari Icon Managerを使って、自分のページのキャッシュだけクリアして下さい。

参考資料:
(1)Mac Fan 2005年1月号 63ページ
(2)FLUTTERING PHEASANTさんのFebruary 20, 2004の記載。

追記;アイコン用の画像など

上の夢の文字はひともじ雅印からダウンロードして使わせて戴きました。(個人利用はOKとありますので)
その他Sign board Factoryでも作れます。

勿論、腕に自信のある方は手書きや、Illustrator等を使って独自の文字、画像を作れればなお良いでしょう。

Mac初心者からMac初心者へ(Mac OS X編)

Mac初心者からMac初心者へ(OS9.1まで編)

夢荘ホームページに戻る