|
Home > favicon作成サービス
|
faviconについて
- favicon（ファビコン）とは、ホームページを訪れた時に、以下のようにアドレスバーやタブブラウザのタブ部分などに表示されるアイコンのことです。
- 本サービスでは、オリジナルのfaviconを自動作成します。フリーで配布される既成品ではなく、世界で１つしかない自分だけのfaviconを作成して、ホームページにさりげなくお洒落をしてみましょう。
- なお、このページを利用することにより生じた損害・不利益に関して、作成者は一切責任をおいませんので、ご了承いただける方のみご利用ください。
faviconの作成
- 最初に、お好きな画像を用意します。ただし、次の条件を満たすものにしてください。
画像の形状 縦と横のサイズが同一の「正方形」のもの ファイル形式 JPEG、GIF、PNG、BMPのいずれか ファイルサイズ 300KBまでのもの - フリーのアイコン画像を探す場合には、以下のようなサイトがおすすめです。
- 画像が用意できたら、以下のフォームから画像をアップロードします。「ピント調整」は、画像を縮小させる場合は「ややシャープ」くらいがおすすめです。
faviconの設置の仕方
-
オリジナルのfaviconをダウンロードしたら、これをあなたのホームページへFTPでアップロードします。
アップロードする位置は、通常はトップページを置く場所（最上位の階層）にします。
ホームディレクトリ
│
index.html ... トップページ
│ favicon.ico ← この位置に置く
│
└
foo / hoge.html
- 次に、トップページのヘッダー内 （ <head> 〜 </head> ） に次のような「リンクタグ」を追加します。リンクタグは必須ではありませんが、入れてくことをおすすめします。
<link rel="shortcut icon" href="favicon.ico" />
- 応用例として、ページごとに異なったfaviconを指定することも可能です。
その場合、「favicon.ico」というファイル名と重ならないファイル名で保存し、それぞれにリンクタグで指定します。
【例1】 第二ページ用favicon → 「favi02.ico」で作成した場合、リンクタグは次のとおり。
<link rel="shortcut icon" href="favi02.ico" />【例2】もし、faviconを置く位置と、それを表示するウェブページの位置が異なる場合には、リンクタグの「href属性」をパス指定します。
<link rel="shortcut icon" href="http://www.example.com/favi02.ico" /> - 設置方法等について、もっと詳しい解説が必要な場合は以下のページを参照してみてください。
