お気に入りに表示される画像を設定する Faviconの設置方法
インターネットエクスプローラーの「お気に入り」や、Firefoxの「ブックマーク」を見ているとページによって独自の画像が表示されることがあります。実はこれ「Favicon」と呼ばれるものなんです。「Favicon」を自分の好きな画像に設定できたらページが少し充実しますよね。今回はそんな「Favicon」の設定方法を紹介します^^ちなみに死守.ver2では「
【画像を作成する】
まずは表示させる画像を作成します。画像のサイズは32×32ピクセルもしくは16×16ピクセルですお気に入りに表示されるサイズは16×16ピクセルですが、32×32ピクセルの画像を作っても縮小表示されます。そのためお気に入りの画像を加工する場合は32×32ピクセルの大きさで作った方が加工しやすいと思います。
お気に入りの画像を加工する場合は、まず32×32ピクセルに近づくまで縮小するといいと思います。「ペイント」を使い、「変形」→「縮小と傾き」から水平方向、垂直方向に適当な数字を入力していく方法がおすすめです。ある程度32×32ピクセルに近づいてから「変形」→「キャンバスの色とサイズ」から幅、高さが32ピクセルに設定します。
画像はbmp形式で保存しておいてください。(どのような形式で保存してもいいのですが、jpg形式やgif形式にすると画像がきれいに保存されない事があります。)
【favicon.icoに形式を変換する】
設定する画像の名前を「favicon.ico」に変えてください。
「favicon.ico」に変える前に、保存した画像が「[保存した名前].bmp」というように表示されているか確認してください。もし「.bmp」というものがなければ、拡張子が表示されない設定になっています。拡張子が表示されていない場合は、どれでもいいのでフォルダを開き、「ツール」→「フォルダオプション」→「表示」→「登録されているファイルの拡張子は表示しない」のチェックをはずしてください。
なお作業終了後、「登録されているファイルの拡張子は表示しない」にチェックを付け直しても問題ありません。
【Faviconを設置する】
「favicon.ico」をアップロードします。FC2ならば「ファイルのアップロード」です。アップロードした「favicon.ico」のアドレスをコピーし、<link rel="shortcut icon" href="「favicon.ico」のアドレス">の「「favicon.ico」のアドレス」部分に貼り付けます。そして<>を<>に直し、HTMLの中にある<head>と</head>の間に貼り付けてください。
これで、お気に入りに表示される画像を設定することができます。
まずは表示させる画像を作成します。画像のサイズは32×32ピクセルもしくは16×16ピクセルですお気に入りに表示されるサイズは16×16ピクセルですが、32×32ピクセルの画像を作っても縮小表示されます。そのためお気に入りの画像を加工する場合は32×32ピクセルの大きさで作った方が加工しやすいと思います。
お気に入りの画像を加工する場合は、まず32×32ピクセルに近づくまで縮小するといいと思います。「ペイント」を使い、「変形」→「縮小と傾き」から水平方向、垂直方向に適当な数字を入力していく方法がおすすめです。ある程度32×32ピクセルに近づいてから「変形」→「キャンバスの色とサイズ」から幅、高さが32ピクセルに設定します。
画像はbmp形式で保存しておいてください。(どのような形式で保存してもいいのですが、jpg形式やgif形式にすると画像がきれいに保存されない事があります。)
【favicon.icoに形式を変換する】
設定する画像の名前を「favicon.ico」に変えてください。
「favicon.ico」に変える前に、保存した画像が「[保存した名前].bmp」というように表示されているか確認してください。もし「.bmp」というものがなければ、拡張子が表示されない設定になっています。拡張子が表示されていない場合は、どれでもいいのでフォルダを開き、「ツール」→「フォルダオプション」→「表示」→「登録されているファイルの拡張子は表示しない」のチェックをはずしてください。
なお作業終了後、「登録されているファイルの拡張子は表示しない」にチェックを付け直しても問題ありません。
【Faviconを設置する】
「favicon.ico」をアップロードします。FC2ならば「ファイルのアップロード」です。アップロードした「favicon.ico」のアドレスをコピーし、<link rel="shortcut icon" href="「favicon.ico」のアドレス">の「「favicon.ico」のアドレス」部分に貼り付けます。そして<>を<>に直し、HTMLの中にある<head>と</head>の間に貼り付けてください。
<link rel="shortcut icon" href="「favicon.ico」のアドレス"> </head> |
これで、お気に入りに表示される画像を設定することができます。
| ホーム |







