img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

お気に入りアイコン


お気に入りアイコンを指定する

  ie6 nn7 op8

ファビコンとは、お気に入りに入れたときのサイト名の前に付く 小さいアイコンです。
宜しかったら試しに当サイトのトップページをお気に入りに登録してみて下さい。
お気に入りに登録後は web material Essence ←こんな風に出ていると思います。



ファビコンは、アドレスバーやメニューバー“お気に入り”のプルダウン等に表示されます。
サーバーによっては"favicon.ico"という名前だと対応していないところもありますが、
多くの場合、任意のアイコンファイル名を付けてサーバーにアップすれば大丈夫です。
ただし、サーバの仕様で最初からアイコンが表示されない設定になっていたり フォルダが指定されていたりする事もあるので、
表示されない場合はhp設置先に確認して下さい。


ファビコンはお気に入りアイコンを変更したいページの
<head></head>の間(出来るだけ上部の方が良い)に下記のように記述する事によって表示できます。

<link rel="shortcut icon" href="****.ico"> 同じディレクトリ(階層)の場合

別のディレクトリから呼び出す場合は、以下のように記述します。
<link rel="shortcut icon" href="../root/****.ico">

もしくは絶対パスでの指定もokです。
<link rel="shortcut icon" href="http://〜〜/****.ico">

注 > トップページがフレームページの場合、フレームの中身ではなくフレームページ自体に<link>タグを指定して下さい。


アイコンはキャッシュとして残りますので、更新してもすぐには反映されないことがあります。
また、ブラウザなどの設定により 数日経つとアイコンがなくなってしまうこともあります。
その場合 一度ブラウザを閉じて再度立ち上げたり、“お気に入り”を削除し 再度hpを表示して登録しなおしたり、
ブラウザのキャッシュ(インターネット一時ファイル)を削除すると表示されるようです。




■ ファビコンの作り方

アイコンの画像は、拡張子が.icoのアイコン専用画像である必要があります。
フリーのアイコン作成ソフトもnet上に沢山ありますので探してみて下さい。
管理人おすすめフリーソフト→ ani めーかー

注 > アイコン画像は32×32のサイズです。ファビコンとしての表示は 縮小されて16×16で表示されます。
    初めからファビコンとして作るのなら16×16で作っても問題ありません。

■ 設置の仕方

アイコン作成ソフトで作画後 その画像に任意の名前を付けて、上記のタグを記述したhtmlと一緒にサーバーにアップ。