faviconをアイコンとして使う方法

アドレス表示欄やブックマーク、タブブラウザだとサイト名の端に表示さるアイコンをfaviconとよび、ウェブサイトやウェブページを象徴するアイコンになります。

大手のサイトではほとんどfaviconが設定されており、リンクをはる場合にURLだけでなくアイコンとセットで表記することで、リンク先を判別しやすくなりますが、アイコンを探してサーバにアップしてタグをつけて、、、と、少し手間がかかってしまいます。


そこで以下のおまじないを使うと簡単にfaviconをアイコンにすることができます。

http://www.google.com/s2/favicons?domain=（ドメイン名）


使い方は、（ドメイン名）に、アイコンを使用したいサイトのドメインを置き換えてimg src〜タグで囲むだけ。

たとえばYahoo!JAPANの場合は、

img src="http://www.google.com/s2/favicons?domain=www.yahoo.co.jp"
のように記述します。

表示サンプル↓
Yahoo!JAPAN

Google

ニコニコ動画


おまじないといってもgoogleのコンバーターを利用しているだけなのですが^^;