プレイヤーズビレッジ オンラインゲーム日記ポータルサイト

favicon.ico作成ページに戻る

FAVICONとは

favicon(ファビコン)とは、favorite icon(お気に入りアイコン)の略で、多くのブラウザで、お気に入り(ブックマーク)や、アドレスの横に表示されるアイコンのことである。

上のは、ブラウザの写真である。
アイコン が登録されているのがわかる。
かっこいいし、分かりやすい!
タブ対応ブラウザでは、タブにもこのアイコンが表示るよ。
ユーザビリティーの点からも優れているので、是非導入しよう!

やり方は簡単!

favicon.icoを作成して、自分のサイトへアップするだけ。
アップする場所は、index.htmlと同じ場所ね。
他にすることは無し!htmlへ記述の必要も省略可能。(*省略できないブラウザもある)

htmlにアイコンの場所を記述する場合 / ページによってアイコンを変えたい場合

デフォルトの名前はfavicon.icoだけど、別の名前に変えて指定することも可能。
なので、沢山のアイコンを使ってページごとに変えることも可能だ

<link rel="shortcut icon" href="ファビコンのパス">

上記ファビコンのパスの所に、名前を変えたファビコン名を入れよう。
これを <head>要素内に入れれば完成だ!

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>faviconとは</title>
<link href="def.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="./image/favicon03.ico">
</head>


ファビコンが表示されない?そんな時は

ブラウザは、キャッシュというシステムを使って、最初にアクセスした時に取得した内容を表示します。
ファビコンも例外ではなく、アクセスした時にファビコンが無かった場合、ファビコンが無いという情報が記録されます。
そして、ファビコンをアップロードしても、表示されないという現象が起きます。
また、別のファビコンに変えた場合も、以前のままとなります。

では、その解決方法となるヒントです。(Internet Explorerの場合)

ブラウザの設定等により、再読み込みさせる方法が異なります

○最も軽症の場合、ブラウザを再起動させれば表示されるようになります。
これは、ファビコンをアップした後に『お気に入り』した場合に限ります。

再起動で駄目な場合、どんな設定でもほぼ再読み込みできる方法があります。
○『お気に入り』を削除した後、キャッシュファイルを削除してから、ブラウザを再起動し、再び『お気に入り』をする。
○ファビコンのファイル名を変えて、linkタグで明示的に指定することで、ファビコンのキャッシュを更新させる。(設定によって、ブラウザの再起動が必要な場合もある)

上記のどれかで普通は解決するので、試してみてね。

favicon.ico作成ページに戻る


どのページもリンクはご自由に行ってください。
FAQ | このサイトについて | お問い合わせ