３月４日（金）Favicon（ファビコン）

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

ランキング参加中！

ただいまコメントを受けつけておりません。

３月４日（金）Favicon（ファビコン）

Favicon（ファビコン）は、Favorite icon（フェイバリット・アイコン）の略で、ウェブサイトやウェブページに関連付けられたアイコンのこと。

Yahoo!　JAPAN を例として挙げると、下記のようにIE ８では、アドレスバー左 ・タブ左・ お気に入り左のアイコンがそれに当たる。

さらに、アドレスバーのファビコンをドラッグして、デスクトップ上でショートカットを作成するとショートカットアイコン（32×32）として表示される。

これは、おもろい

というわけで、参考サイトを見ながらやってみた

＜Faviconの設定＞
１、アイコンの作成
適当に四角い図形を作成します。最終的には16×16のサイズまで変換しましから、複雑な図形は避けましょう。図形のファイル形式はこの段階では特に意識する必要はありません。

２．アイコンをfavicon形式に変換
ブラウザによっては、この形式に変換しなくてもOKらしいんだけど、ウチのはIEを使ってるのこともあって、windows icon 形式で作成することに。
icon 形式に自動生成してくれるサイトを使用し、Faviconを作成。

３．変換したアイコンをサイトにアップロード
ルードディレクトリにファビコンをアップロードする。
（※ ルートにアップロード出来る場合は、４の作業は省いてもOKだそうだ）

忍者ブログの場合は、ファイル用の置き場所が別途あるため、ファイルをアップロードしたら、４の作業でファビコンのパスにアイコンのフルパスを記載すれば良いらしい。
参考：忍者ブログ　ヘルプ（ファビコンについて）

４．ページにアイコン情報を記述
ｈｔｍｌ／ｘｈｔｍｌ内で、Faviconを指定するには、<head> ~ ~ </head> 内に下記タグを挿入。単独でもOK らしいのだが、２つとも指定しておく方が望ましいらしい。

<link rel="shortcut icon" href="●●/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="●●/favicon.ico" type="image/vnd.microsoft.icon">

以上で設定完了