それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

Favicon の指定方法

favicon は便利な仕組みですよね。ブックマークやタブの判別にファビコンは無くてはならない。プログラムからfaviconを取得しようとしたら、faviconのアドレスがわからないと無理、でもってその仕組みがわからないとできない。

favicon指定2つの場所

ファビコンには2つの指定場所がある。

  1. サイトのルートディレクトリ

1:サイトのルートディレクトリに設置が基本

http://www.example.com/favicon.ico

サイトのルートディレクトリにfavicon.icoを取得するとブラウザが自動的に取得に行ってくれる。

実例:Amazon.co.jpの場合
http://www.amazon.co.jp/favicon.ico

でアクセスすると、ファビコンが取得できる。

2:HTMLで指定

<link rel="shortcut icon" href="http:/images.exmaple.com/favicon.ico">

はてなダイアリーのような、ディレクトリ構造内にブログを設置するタイプはコッチを使う。なぜなら、ドメインのルートディレクトリにファイルを設置できないから。

link ref="shortcut icon"を使えばページ単位で指定が可能になって便利。その一方で管理が面倒。

HTMLソースをみてファビコン・アドレスが見つからない場合

HTMLソースにFavicon.icoが書かれていない場合は、100%ドメインのトップ階層に置かれています。


その他TIPS:はてなファビコンAPI

はてなはファビコンをコレクションしてる

http://favicon.hatena.ne.jp/
使い方
http://favicon.hatena.ne.jp/?url=http://www.amazon.co.jp/

取得したいサイトのURLを放り込むとfaviconが出てくるよ。このAPIメンテされてるんだろうか。は社のメンバも忘れている可能性が微粒レベルで存在する?

弊害

ブラウザがfavicon取得するのでログが大変なことになる。

[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico
[Sun Nov 11 15:35:34 2012] [error] [client 192.168.2.111] File does not exist: /var/www/favicon.ico


favicon が404エラーの原因になってインシデント報告されちゃたまりませんね。