ファビコン( favicon )とは

ファビコン( favicon )とは、お気に入りアイコンのことです。ブラウザの URL の左側に表示されるアイコンです。お気に入りに追加したときも、サイト名の左側に表示されます。
サイズは、16×16ピクセルが標準のようですが、32×32ビットのファビコンもあるようです。 Firefox では gif 形式のファイルも、表示できますが、 Internet Explorer7(IE7) では画像の形式が icon になっていないと、表示されません。したがって、icon 形式にすることをお勧めします。 詳しくは、Favicon Japan!!で紹介されています。

ファビコン( favicon )の作成方法

ファビコンは、画像ソフトで作成できます。ビットマップが扱えれば大丈夫です。 作成した、画像を icon 形式に変換すれば、OK です。
変換は、Favicon Japan!! のページでもできますが、私の作成した gif は、ここではうまく変換できず、Firefoxで表示されましたが、IE7では表示されませんでした。もしかしたら、透明部分があったせいかもしれません。@icon変換を使用したら、うまくいきましたので、こちらがお勧めです。
icon 形式の変換がうまく行った場合は、エクスプローラの「表示 → アイコン」にして、アイコン画像が表示されるます。アイコン画像が表示されない場合は、変換が失敗していますので、やり直してください。

ファビコン( favicon )の設置方法

ファビコンの設置方法はいくつかありますというか、あるそうです。私の場合、いろいろ試みましたが、一つしかうまく行きませんでした。一応、紹介しておきます。

Web ルートにファビコンを置く方法

ファビコン画像 favicon.ico ファイルをルートに置いておだけです。そうすれば、勝手に表示してくれます。
私の場合、Web ルートの下に ドメインルートがあります。ドメインルートに favicon.ico ファイルを置いても、うまく行きませんでした。

head の中に記載する方法

これは、うまく行きました <head> タグの中に次のように記載します。

<link rel="shortcut icon" href="icons/favicon.ico">

icons/favicon.ico は、html ファイルから、favicon.ico までの相対アドレスです。絶対アドレスを記載してもかまいません。この方式の場合、ファビコンファイル名は、favicon でなくとも良く、自由に設定できます。

.htaccess に設定する方法

これもうまく行きませんでした。Web ルートディレクトリに書く必要があるのかもしれません。ドメインルートディレクトリにおいてもうまく行きませんでした。一応、2つの方法があるようなので、紹介だけしておきます。うまく行った方は、教えていただければ助かります。

#ErrorDocument を使う方法
AddType image/xicon .ico
<Files favicon.ico>
ErrorDocument 404 icons/favicon.ico
</Files>

#RewriteRule を使う方法
RewriteEngine On
RewriteCond %{REQUEST_URI} favicon.ico$
RewriteRule (.*)(favicon.ico$) icons/favicon.ico [N,PT] 

うまく設置しても、履歴を削除しないと表示しない

ファビコンは、ブラウザの履歴を削除しないと表示が変わらないことがあるようです。お気に入りに追加したとき、設置したファビコンが表示されることもあります。うまく設置できたかどうかは、履歴を削除してください。
IE の場合、「ツール」 → 「インターネットオプション」→ 「 全般タブ - 閲覧の履歴 - 削除」と進み、「インターネット一時ファイル」ファイルの削除・「履歴」履歴の削除を行うと、新しく設置したファビコンが表示されます。

PR amazon

author

サイト管理人:パワーデジット
管理人への連絡フォーム

スポンサード リンク

このページは 

トップページ > HP作成基礎 > ファビコン