css ファビコン

サイズ（px）	表示場所
16×16	ブラウザのアドレス欄・タブ・ブックマーク（IE）
32×32	chrome、firefox、safari他主要ブラウザのタブ・ブックマーク
48×48	Windowsのサイトアイコン
64×64	高解像度のWindowsのサイトアイコン

<link rel=”shortcut icon” href=”http://ファイルのパス/favicon.ico” />

<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">

先程作成したfavicon.icoファイルをサーバーにアップします。

ドキュメントルート（一番上の階層）に「favicon.ico」を設置すればファイルが認識されます。そして、htmlのhead内に下記記述をし、ファイルを指定します。

1 2	<link href="favicon.ico" rel="shortcut icon" /> <link href="apple-touch-icon.png"　rel="apple-touch-icon" >