blog.jpgfanny.jpgmail2.jpg
Amazon.co.jp:家庭用星空投影機「ホームスター(HOMESTAR)」 2006春季限定版「春星」: おもちゃ&ホビーお気に入りに表示される画像を設定する Faviconの設置方法
20060204005325.jpg インターネットエクスプローラーの「お気に入り」や、Firefoxの「ブックマーク」を見ているとページによって独自の画像が表示されることがあります。実はこれ「Favicon」と呼ばれるものなんです。「Favicon」を自分の好きな画像に設定できたらページが少し充実しますよね。今回はそんな「Favicon」の設定方法を紹介します^^
 ちなみに死守.ver2では「favicon.jpg」この画像を使用しています。
【画像を作成する】
 まずは表示させる画像を作成します。画像のサイズは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>の間に貼り付けてください。
HTMLの<head>と</head>の間に貼り付ける
<head>
<link rel="shortcut icon" href="「favicon.ico」のアドレス">
</head>

これで、お気に入りに表示される画像を設定することができます。
コメント
この記事へのコメント
コメントを投稿する
Comment:
 
トラックバック
この記事のトラックバックURL
 トラックバックにはこの記事のリンクをつけてください。
 メールフォームもご利用ください。
この記事へのトラックバック
copyright © 2005 死守.ver2 all rights reserved.
Powered by FC2ブログ.
ホームページ アフィリエイト レンタルサーバー FC2ブログ