(cache) Favicon Japan!! -ファビコンの設置方法-

Favicon(お気に入りアイコンのこと、ファビコンと読みます)のサイトです。サイト作成時のファビコン作成・設置方法の紹介。

ログイン
ID
PW
新規登録

TOP

コラム

Favicon一覧

Favicon登録

作成方法

Good's

Link

免責事項

問い合わせ

設置方法

▲TOP

Faviconの設置方法はとっても簡単です。
まずFaviconを作成し、Favionを表示させたいページの<head>タグの中に下記のタグを挿入してください。
準備ができたら、使用しているサーバーにアップロードしてください。

<link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">

<例>
/home
├index.html
├bbs
│ └bbs.html
└favicon.ico
上記のようなファイル構造のときはindex.htmlに
<link rel="shortcut icon" href="favicon.ico" >
bbs.htmlに表示させたいときは、
<link rel="shortcut icon" href="../favicon.ico" >を挿入してください。

Internet Explorer7とFireFoxで別々のファビコンを表示させる

▲TOP

Internet Explorer7(IE7)では画像の形式がiconファイルでないと表示されません。
しかしFireFox(FF)の場合アニメーションGIFで作成したファビコンにも対応しています。
このときにIE7とFFで表示させる場合、以下のように記述してください。
アニメーションファビコンの拡張子はgifでかまいません。

<link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">

<link rel="icon" href="アニメーションファビコンまでのパス" type="image/gif" />

Apacheでの設定（上級者向け）	▲TOP
Apachの設定でFaviconを設定する。 ServerRootの/icon/サブディレクトリに、デフォルトのfavicon.icoを置き、サーバー設定ファイルの中でそのアイコンを使用したいスコープ（たとえば特定の<VirtualHost>コンテナ内）に対して、以下の行を追加する。 ErrorDocumentを利用する場合 AddType image/xicon .ico <Files favicon.ico> ErrorDocument 404 /icons/favicon.ico </Files> RewitRuleを利用する場合 RewriteEngine On RewriteCond %{REQUEST_URI} "favicon.ico$" RewriteRule "(.*)(favicon.ico$)" "<faviconファイルまでのパス>" [N,PT] 上記の方法はともに.htaccessで設定してもよい。

RSSでFaviconを表示させる

▲TOP

RSS1.0のImageモジュールを利用することでRSSにfaviconをRSSに埋め込むことができます
実際には下記のようになります。
詳しくはこちらのページを参照ください
RDF Site Summary 1.0 Modules: Image

<image:favicon rdf:about="http://www.favicon.jp/favicon.ico" image:size="small"> <dc:title>FaviconJapan</dc:title> </image:favicon>

参考サイト：hail2u.net - Weblog - RSSにfavicon

アニメーションGIFで作成したfaviconが表示されません？	▲TOP
アニメーションGIFで作成したfaviconが表示されない原因は 1.前回表示された時のものがブラウザに記憶されている。 2.GIFそのものが壊れている。 3.ブラウザのfavicon表示条件を満たしていない。等が考えられます 1.の場合ブラウザのキャッシュ、一時ファイルを削除してから更新してみてください。 2.の場合はファイルまでのフルパス http://www.favicon.jp/favicon.ico を入力し表示されるか試してみてください問題なく表示されれば原因1.3.が原因です。 3.の場合は表示条件を満たすように、操作してみてください。 faviconに最も対応しているブラウザはFireFoxです。

MacOSX Safariの場合	▲TOP
Safariの場合、ブックマークをするタイミングではなく、ブラウズするタイミングでfaviconが登録・更新されます。

Windows　IEの場合	▲TOP
Windows版のIEはOSによって変わってきますが、ブックマークするタイミングでfaviconが付きます。

Windows　Mozilla　の場合	▲TOP
Mozillaの場合はfaviconを読み込む段階で、登録・更新します。前回アクセス時間によって現れたり、現れなかったりします。

Windows　FireFoxの場合	▲TOP
FireFoxの場合はfaviconを読み込む段階で、登録・更新します。前回アクセス時間によって現れたり、現れなかったりします。