HTML・CSS/faviconを設定する - Void of Knowledge

Last-modified: 2011-12-26 (月) 01:24:43

HTML・CSS/faviconを設定する

確認したときの環境
方法
補足

確認したときの環境 †

Firefox 3
Chrome 2
Opera 9

方法 †

head要素の中にlink要素を入れる。
rel属性に[SHORTCUT ICON]を設定する。

Everything is expanded.

Everything is shortened.

 <head>
 ・・・
 <link rel="SHORTCUT ICON" href="[faviconパス]" />
 ・・・
 </head>

補足 †

表示されるサイズは16×16。
32×32で作るのが一般的。
ico形式。BMPで作成し、拡張子を[ico]に変えればOK。
IE 8とSafari 4では、デフォルトではfaviconは表示されない模様。