上の図のように、ブラウザのアドレスの前などに表示されるページアイコン(faviconというらしい)を作成する方法です
自作しようとすると、レイヤーをいくつも重ねたり、icoフォーマットで保存したりと、結構めんどくさいようですので、WEBで、簡単にfaviconを作成してくれるサイトでつくります。
オススメ→
Favicon Japan!!
用意する画像は、正方形の方がきれいに仕上がります。
また、はっきりした色で作成したほうがきれいです。
WEB上で出来上がった画像を保存すると、自動的にfavicon.icoという名前がついています。
自サーバーだったら、これを、ホムペのトップページと同じ場所にいれておくだけでいいそうですが、レンタルサーバーだと、それだけでは表示されないことがあるので、別の方法を使います。
favicon.icoという名前のままでもいいのですが、ここでは、たとえば、それをstagezero.icoという名前に変えます(***.ico の***を自由に設定できます)
自分のホームページの中にという部分があるはずなので、その直前に
<link rel="SHORTCUT ICON" type="image/vnd.microsoft.ico" href="***.ico" />
をコピペしてください。
(ワタシの例の場合だと、***.icoの部分がstagezero.icoになってるわけです)
そして、その***.icoというファイルを、今変更したホームページと同じ場所に格納するのを忘れないでくださいね。
説明でわかります?(自分の覚えのためなのでわかりにくいかも・・・)
※IEでは反映されてないかも・・でもって、ちゃんと作成すると、背景を透明(透過)にすることも出来るようです