ファビコンをWebサイトに設定

感想おまちしてます!

What Is HTML5?

faviconとも呼ばれている。タブブラウザだとタブにアイコンつけたほうが見やすいのでつけてみる。

スポンサーリンク

linkタグでつける

   <link rel="shortcut icon" href="http://daipresents.com/daipresents.ico" />
   <link rel="icon" href="http://daipresents.com/daipresents.ico" type="image/vnd.microsoft.icon" />

IEなどは下位層からさがしてくれるので「images/fuji.ico」とかできるけど、Sleipnirでは上位しかさがさない仕様らしい。なのでトップレベルに「favicon.ico」を置かないとダメっぽい。

また、iconの名前は「favicon」のほうが確実らしい。

なお、設定後もなかなか反映されない場合が多いので、ブラウザの一時ファイルなどを削除して、ブラウザを再起動してみるとか。

Firefoxではtypeで「image/gif」を設定して、動くGIFを使うことも可能らしい。

iconファイルの作成

FavIcon from picsで作れる。@icon変換でも作れる。