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

  TOP
  コラム
  Favicon一覧
  Favicon登録
  作成方法
  設置・確認方法
  設置方法(BLOG)
  ブラウザ対応表
  世界の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を読み込む段階で、登録・更新します。
前回アクセス時間によって現れたり、現れなかったりします。
 
Copyright © Favicon Japan 2004-2011 All Rights Reserved.