ファビコン（ホームページ・ブログのカスタマイズ）

１．ファビコンとは？

ファビコンとは、タブのサイト名の前や、アドレス欄のアドレスの前についてるアイコンのことです。

a．グーグルクロームの場合

b．インターネットエクスプローラの場合

Favorite Icon（お気に入りアイコン）略してFavicon（ファビコン）なわけです。

２．ファビコンの作り方
��６ｐｘ×１６ｐの画像を用意しましょう（ｐｘはピクセルのことです）
これより大きい画像でも設定できますが、縮小されイメージとは違う表示のされ方をされます。
画像はペイントやPhotoShopなどで作成します。
ちまたではgif　jpg　png　bmpのファイル形式で作り、icon形式に変換するやり方が推奨されてます。

しかし、私が試してみたところ、アメブロではjpg形式のままで設置できます。

よって、アメブロに設置するのならjpg形式で保存して次にいきましょう。


さて、アメブロ以外の方はgif　jpg　png　bmpで保存しましょう。下のサイトでicon形式に変換します。

Dynamic Drive

先ほど作成したファイルを添付して、「create icon」ボタンを押せば、icon形式のファイルが作成されます。



３．ファビコンの設置方法
��アメブロの場合＞
まずは画像をサーバーにアップロードします。（ネットの中に画像を放り込んでしまうわけです。）
ブログ編集画面→投稿・編集→画像フォルダ　と順番に開いてきます。

ファビコンをアップロードしましょう。完了したらファイルのアドレスを控えてください。


次にフリースペースを編集します。
ブログ編集画面→サイドバー→フリースペース編集　と順番に開きます。

フリースペースに

<link rel="shortcut icon" type="image/x-icon" href="アップロードしたファイルのURL">
を張り付けてください。

保存の上、ブログを開いてご確認ください。完成です！



��アメブロ以外、一般的なホームページの場合＞
画像をサーバーにアップロードします。


※意外と他社ブログのサーバーでも大丈夫です。
FC2ブログの画像アップロードを使ってアメブロのファビコンを設置するというのも、私は試してみました。

画像のサーバー上のアドレスを控えてください。

次にブログ・ホームページのHTMLを編集しましょう。

��／head＞の直前に

<link rel="shortcut icon" href="http://blog～～～.ico（ファビコンのアドレス）>

保存の上、ブログ・ホームページを開いてご確認ください。完成です！