オリジナルアイコンを作ってみました  2008.01作成/2008.04修正

このHPは以前infoseek(楽天)の無料サイトを使用していました。
通常、HPを「お気に入り」に登録したりショートカットを作ると、
Internet Expressであれば「e」のアイコンが表示されますが、
URLが「○○.infoseek.co.jp」の場合楽天の「R」マークが表示
されるようになったようです。
             ↓「楽」と「天」の間のマークです。

         

れがちょっと気に入らないので、オリジナルのアイコンが表示
されるようにしてみました。


1.アイコンの作成

ネットで検索するとアイコン作成の無料ツールがいくつか公開されています。
私は、画像を取り込んでドット単位で修正できるソフトとして「EDGE」
いうものを使用しました。しかし、このソフトは256色を越える画像は取り
込めないようなので、「Auto Icon Creator」というソフトで画像からアイコン
を作成してから「EDGE」で修正しました。

そして、トップページのバナーからこんなアイコンを作ってみました。



このアイコンに「favicon.ico」という名前を付けてトップページと同じ所にアップロードします。
そして、トップページの<head>と</head>の間に以下を挿入します。
<link rel=”shortcut icon” href=”favicon.ico”>


これで完成!


使用するブラウザによってはうまく表示されないことがあるようです。
Internet Expressの場合は、古いデータが残っている場合があるようで、
一旦お気に入りから削除してからキャッシュをすべて削除し、再度お気に入
りに登録すると良いようです。


お試しください。