ファビコンの設置方法

１.ファビコン用の画像を制作します。 

 

イラレやフォトショで設置したいファビコンのデザインをします。

ソフトを使えば適切なサイズに変更してくれるので、設置したいファビコンのデザインやサイズは自由です。
しかしファビコンのサイズは 16×16 と小さいので、あまり複雑ではないデザインの方が良いと思います。
保存する拡張子はgifやpngなどが良いでしょう。

※縮小したファビコンの画質が気になる方は、画像をあらかじめ 16×16 に縮小しておくことをお勧めします。大きめの画像は自動的に縮小されるので、若干画質が悪くなります。 

２.ファビコン作成ソフトを使用

 

（例）Favion　japanの制作ソフトなどがおすすめです。
(URL)http://www.favicon.jp/favicon_auto_create/ 

 ① ファイルを選択で、デザインしたデータを選びます。
 ② favicon作成するをクリック。
 ③ 数秒でファビコンが作成されるので、下のDownloadをクリックし、ファビコンデータをダウンロードします。 

３.ファビコンを設置する。

 

ダウンロードした（favicon.icon）のファビコンデータを表示させたいページ（フォルダ）に入れます。 

４.表示させたいindexページのhead内にタ

グを挿入

headタグの中に下記のタグを挿入します。

<link rel="shortcut icon" href="ファビコンまでのパス/favicon.icon" >

５.サーバーにアップロード

 

ドリームウィーバーなどお持ちの方は、ソフトで表示確認した方が効率が良いので、この後にサーバーにアップロードする事をおすすめします。
※この時点でファビコンが表示されない場合は、正しいパスではない可能性がありますので、再確認してみてください。各ブラウザによっても変わってきます。 

  ６.完成

 

作成したファビコンが表示されました。