favicon.icoについて、完全無知の私が調べたことをズラズラと、自分でまとめてみた。
・・・まとまってないけどな。箇条書きレベルで。そのうち、ちゃんとしよう。
なお、全部webから引っ張ってきてまとめたものなので、話半分ってことで。
むしろ、それは嘘だ！ と指摘してくれた方が嬉しい。
【発祥と歴史】
faviconとは、ブラウザに現れるこんなやつらのことだ。
元々はIE5からのfavorite iconから来た名称。つまりはIE独自機能。HTTPやHTMLの標準規格には当然無い。
よって「ファビコン」という呼び名は間違いなのだが、事実上、「ファビコン」で通るようになってきている。
favicon.icoって何？ → 「ふぁびこん」って読むのか？ → 「ふぁびこん」とタイプしてググる → ヒット →頭の中に「ふぁびこん」として記憶される まぁ、こんなとこかな。
ユーザーが「お気に入りに入れる」という動作をとったときにはじめてIEブラウザ（正確には IEに付随するデスクトップＤＬＬの機能）がfavicon.icoをWebサーバから取得にかかる。
favicon.icoへのアクセス数はそのまま「お気に入りに入れようとしたユーザーの数」となる。
favicon.ico が ルートディレクトリに存在しない場合、デフォルトアイコンで表示され、「404・Not Found」が、管理者のエラーログに記録されたりする。現在はfavicon.icoが無くともエラーにならないよう修正されている。
自鯖でのHP公開者としては、このlogを解析することで、自分のHPがいつ、どれくらい他人の「お気に入り」に入れられたかを知ることが出来る。
この件は、プライバシーの侵害ではないかと、少々話題になった。cookie解析によりＩＰとフルドメインくらいはバレらしいが、それは仕方ない。
http://hotwired.goo.ne.jp/news/technology/story/19990419305.html
その後、この仕様においてセキュリティーホールが発見され、修正されているが、このfavicon.icoの仕組みは健在のままだ。
http://itpro.nikkeibp.co.jp/members/NOS/TROUBLE/20000701/2/
時は下り、Firefoxが蔓延。これはイヤでもfavicon.icoを探しに行く仕組みになっており、favicon.icoがないとエラーコードを返す。自鯖ユーザーはログにいつのまにかエラーが大量に発生するようになって気持ち悪い。
原因の捜査によりfavicon.icoの存在が認知され、しょうがなくfavicon.icoを設置した管理人も少なくない。
またLunascape旧バージョンでも一時エラー発生の報告が成されている。
これ少し遅れて、多くの人がブラウザのURL左横に表れるアイコンに気付きだした。
独自性もあって、見た目がcool、じゃ、俺も！と、いつのまにか広まったというのが現状である。
数多くのブラウザにこのfavicon.ico表示機能？が搭載されているが、先に述べたとおり、HTTPやHTMLの標準規格でないため、ブラウザ毎に規格が異なっている。後述。
【アイコン形式】
本家情報
http://www.microsoft.com/japan/msdn/windows/windowsxp/winxpicons.asp
時にBMPの拡張子をicoに変えただけ、というものもあるが、結局の所、favicon.icoはico形式が望ましく、16x16、32x32を内包しているほうがベター。
ブラウザ上での表示だけなら16x16だけでもいいようだが、デスクトップにアイコンファイルを貼り付けた時に見栄えが悪い。デスクトップアイコンは32x32だからだ。
32x32だけの場合は、勝手に縮小してくれるが、よほど計算されていないと縮小時(16x16)にワケの分からないアイコンになってしまう。
色は16色でも256色でも24b、32bでもいいようだが、多数の環境を察するに256色がベストと俺は思う。
16x16アイコンでは小さすぎて、16色でデザインする方が良い・・・良いのだが、私の体験から言うと、16色で特徴のある、coolなアイコンを作るのは神の領域だ。
つまり結論だが、16x16(256色)、32x32(256色)をicoファイルに格納しよう。
あとは各自の腕次第。
BMP、JPG、PNG、GIFアニメーション形式のアイコンは、IE6、SleipnirはNG。Firefoxではいけるらしいが、Content-Typeの記述が必要。
例：
<link rel="shortcut icon" href="image/favicon.png" type="image/png" />
【アイコン作成】
ico作製そのものに関しては専用のエディター、画像からの変換ソフトが至る所にある。
私が試用というか使用したのはエディター「iconedit32」「AWicons Lite」、画像変換「アイコンメーカー」
これは、たまたま見つけたものであって、決してベストなソフトというわけではない。エディターに関しては、相当数のソフトウェアがあるようだ。
icoへ画像変換してくれるサイトもある。至れり尽くせり、もちフリー。
http://www.chami.com/html-kit/services/favicon/
また、Photoshop用のプラグインもある。Photoshop (3.0-7.0, CS, CS2)。フリー。
http://www.telegraphics.com.au/sw/#icoformat
実際にどういう風に作るかというと（私の場合は参考にしない方が良いが）、32x32(16色、256色)、16x16(16色、256色)の４種を作製。
１．イメージをざっと紙に書く。
２．その部品となりそうな画像を、どこぞから持ってくる。
３．photoshopで絵の合成。縮小して32x32でBMP保存。
（プラグイン導入後は直接ico形式で保存可能）
４．アイコンメーカーでicoファイル化。
５．AWiconsにてテキスト打ち込み、これを32x32,256色で一旦保存、さらにこれから16x16形式を作って、この２種をico保存。さらにそれぞれを減色して16色バージョン作製、計４種のアイコンを保存。
６．縮小や減色したアイコンは元絵からかけ離れているので、iconedit32でコツコツ修正。
できあがり
【表示記述】
単にホームページのルート上にfavicon.icoファイルを置くだけでいい。・・・が蛇足解説する。
基本記述は、
<head>
<link rel="shortcut icon" href="favicon.ico">
</head>
あるいは、
<head>
<link rel="shortcut icon" href="http://www.yahoo.co.jp/favicon.ico">
</head>
と、直接url記述が必要な場合もある。（ページ毎にfavicon変えるとか）
このへんはブラウザによりけりだ。
ファイル名も必ずしもfavicon.icoでなくとも良い場合がある(Firefoxとか)。
http://www.favicon.jp/browser/
http://furyu.tea-nifty.com/annex/#ccqlink=/annex/2006/06/favicon_e078.html
http://rinrin.saiin.net/~aor/hms/pageicon#suport参照。
IEに関しては、神出鬼没。出たりでなかったりで、完全に原因の特定はされていない。
お気に入りへの再登録で解決するとの話が多いが、そうでない話も多い。
Sleipnir2.4xではルート上favicon.ico名称以外では表示されない。favicon再取得は独自機能のキャッシュ削除が必要。
Firefoxはイヤでもfavicon.icoを探しに行く仕組みになっている。
また、Ｆｉｒｅfoxのみ、link指定するのであれば、名称はfaviconでなくとも構わない。
前述したが、BMP、JPG、PNG、GIFアニメーション形式のアイコンでも表示可能。
例：
<link rel="shortcut icon" href="image/favicon.png" type="image/png" />
ico形式の場合、時にはContent-Typeの記述も必要らしい。
type="image/vnd.microsoft.icon" （こちらが正式らしい）
するとか、
type="image/x-icon"
icoファイルをtext/plain と認知してしまうサーバーのための処置。
書く方が無難。
更にfavicon.icoのキャッシュ対策のスクリプト。私にはよく分からない。
<SCRIPT language="JavaScript">
da_image = new Image();
da_image.src="favicon.ico";
</SCRIPT>
【実践と葛藤】
作っては見たものの、アップしても俺のＨＰのfavicon.icoは、Sleipnir2.46では発現せず。
IE6ではブックマーク削除後の再登録にて出た。でもまた消えてるし。
以降、Sleipnir2.46での話だが。
ググって初めて訪れるページなのにfavicon.icoが表示されるページ、そうでないページがある。なんで？
（Firefoxでは当たり前のように出るが）
Yahoo! Japanとかamazonとか、ソースを見てもfavicon.icoに関する記述は見られない。
これは、ただ、ルート直下にfavicon.icoを置いてあるためだ。
しかし、コンテンツとしてfaviconをメインに掲げているにもかかわらず、ルートにfavicon.iconを置いているにもかかわらず、Sleipnirでfaviconが見えないページがある。
なんでじゃ？
アイコンキャッシュやインターネットキャッシュを空にしても、効果無し。
マジで、どうなってんだよ？？？
やっぱサーバーのせいですか？？？
誰か教えてくれ！！
私の場合、サーバーはniftyになるが、faviconに関しては、大元のhttp://homepage2.nifty.com/直下のものを読んでいるか、もしくは転送軽減のためにniftyが制限しているのかもしれない。
が、niftyのblog、ココログではfavicon.ico表示が出来てたりする…。
一体なんなんだ ＿|￣|○
【結論】
たぶん、Sleipnirは大元の「http://homepage2.nifty.com/」直下のfavicon.icoを読みに行っていると思う。つか、置いてないから通常のｅアイコンが表示されると思われる。
ココログの場合は、urlが「http://○○○-nifty.com/」という風になっているので、直下に置かれたfavicon.icoを読みに行き、表示されるのだろう。
要するに俺様のurlが「http://homepage2.nifty.com/audience-room/」である限り、Sleipnirでの表示は不可と思われる…。
（他の方のホームページでSleipnirに限りアイコンが表示されないのも、これと同一の現象だろう）
ここに、上記推理が正しいことが書かれていた。なんてこったい。灯台下暗し…。
俺ってバカ。
http://community.tabbrowser.jp/forum/viewtopic.php?p=2256
【後書き】
Ｓｌｅｉｐｎｉｒにおいては、この件の改善要求がユーザーから出されている。
負荷低減のため、ワザと実装していないらしいが、プレスリリースに完全対応と書かれているので、早期なる対応を期待したい。
【その後】
2006.10.27
突如としてniftyにfaviconが登場！
まぁ・・・。
そゆことで。
【その後２】
2007.1.29
Sleipnir2.51にアップグレードしたら、突如としてfavicon対応してる〜。
つーわけで、俺の作成したmy faviconがSleipnir上で拝めます。
なんか嬉しいです、ハイ。
【参照】
感謝 <(_ _)>
http://rinrin.saiin.net/~aor/hms/pageicon#what ←ここの解説が最強と思う。
http://neta.ywcafe.net/000129.html
http://www.nda.co.jp/memo/favicon/
http://nao4u.com/
http://shimax.cocolog-nifty.com/search/2005/10/index.html
http://support.microsoft.com/default.aspx?scid=kb;ja;JP415022
http://itpro.nikkeibp.co.jp/members/NOS/TROUBLE/20000701/2/
http://suika.fam.cx/~wakaba/-temp/wiki/wiki?favicon.ico
http://forum.mozilla.gr.jp/?mode=al2&namber=8541&rev=&&KLOG=57
http://www001.upp.so-net.ne.jp/obapoo/nikki/chimera01.html