@yoruakiのツイートを見て、SVGをfaviconとして表示できるブラウザーがあることを知ったので、手持ちの9つのブラウザーで確認してみた。
Demo: SVG favicon
| Firefox 10 | 表示できる。 |
|---|---|
| Firefox 12 | 表示できる。 |
| Chrome 17 | 表示できない。 |
| Chrome 19 | 表示できない。 |
| Safari 5 | 表示できない。 |
| Opera 11 | 表示できるが適切にリサイズされない。 |
| Opera 12 | 表示できるが適切にリサイズされない。 |
| Internet Explorer 9 | 表示できない。ドメイン・ルートのfavicon.icoが表示される。 |
| Internet Explorer 10 PP | そもそもfavicon.icoが表示できない。 |
Chrome 17と19では無視される。Content-Typeの問題かと思ったけど修正してもダメだったのでそういう話でもないようだ。Internet Explorer 9の挙動が怪しい。404だったらドメイン・ルートを見に行くようになってる模様。Opera 11と12では対応自体はしているのだけど、リサイズがうまくされないのであまり意味がない(キャンバスを16x16にすればいけるのかもしれないけどそれもアレ)。ということでまともに表示できるのはFirefoxのみということのようだ。
Internet Explorer10 PP4でも確認したんだけど、そもそもfavicon表示するGUIスペースがなかった……。
最近は高解像度のアイコンも含めたfavicon (だいたいのブラウザーで対応されている)を利用してるWebサイトも稀に見かけるけど、サイズでかくなりがちだしそもそも作るの面倒だし、やっぱりスケーラブルなSVGを使えると良さそう。Metro UIとかはもちろんどんなGUIとも相性が悪いということはまずなさそうだし、PNGに変換してくれるサービスを経由することなくWebページで好きな大きさで利用できそうだし、いいことづくめ？