砂粒アイコンの作り方


以前から気になっていたブラウザに表示されるちいさなオリジナルアイコンこれはどうやって作るのでしょう?


これはfavicon(ファビコン)と呼ばれるものらしいのですがいつもお世話になってる
canopyサイト のkozoさんに伺ってやっと設置できました。


faviconは、urlの頭や履歴やブックマークの先頭にとても目立つ形で表示されます。



18*18のちいさなアイコンをgif,jpeg,pngで作成しサイトに置いてそれをリンクする
タグを書き<HEAD>と<TITILE>の間に入れるとできあがりのようです。
ソースを見ますと
<HEAD>
<link REL="icon" HREF="index_img/favicon.png" TYPE="image/png">
<TITLE>食三昧・江戸庄_順風満帆</TITLE>

ルートディレクトリーにindex_imgという名前のディレクトリーを作りその中に
favicon.png を置きます。それをリンクする形になっているようです。

ひとつ階層の深いところでは
http://www.edoshow.com/murakamigyu/murakamigyu_syoukai.html

<HEAD>
<link REL="icon" HREF="../index_img/favicon.png" TYPE="image/png">
<TITLE>村上牛の紹介_食三昧・江戸庄</TITLE>

と「../」と階層をほりさげたリンクを張る必要があるようです。

最初キャッシュが効いていますのでブラウザで確認する際は二度三度リロードして
やりますときちんと表示されるようです。

CANOPYのKOZOさんに感謝しつつ・・

投稿日時: Wed - October 22, 2003 at 08:36 PM      


©