インクローバーオフィシャルサイトや、in clover LINEを見てお気づきの方も多いと思いますが、faviconを変えてみました。こんなカンタンに作れるなんて、Webの人間のくせに、知りませんでした^^;
16px四方のgif画像を作って、拡張子を「.gif」→「.ico」に変えるだけでfaviconファイルに変換できるんですね。
favicon.icoを読ませたいサイトのルートに「favicon.ico」の名前で置いておけば、
<link rel="shortcut icon" href="favicon.ico" />を書かなくても表示できるとか。うわー、便利なんですねー。
ただし、ユーザー側のブラウザのキャッシュがfavicon.icoを「ないもの」と覚えこんでいると、読んでくれないこともあるし、Internet Explorerは、だいたい重たくなってる人が多いと思うので、全部IEアイコンになっちゃって、あまり「お気に入り」にアイコンが表示されてる人って少ないと思います。
多くのサイトが「favicon.ico」というファイル名を共通で使うので、そのせいで読み取り損ねることもあるそうな…。なので、出来ればソースをちゃんと書いて、ファイル名はオリジナルにした方が、本当はいいそうです。
<link rel="shortcut icon" href="img/inclover.ico" />って感じに。
そうなると、imgフォルダに入れたっていいですもんね。
Firefoxはその点でも、進んでますねー♪
キャッシ消去も速いし、ちゃんとfaviconすぐ読んでくれるし。
faviconの付いてるサイトって、なんか訪問意欲そそられる気がしません??(私だけ?)
なので、頑張ってこのpx*blogにも、昨日オリジナルfavicon.icoつけてみました。
もっと素敵なfaviconをいっぱい見た方はどうぞ参考ください。↓
Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine