ファビコン(マルチアイコン)を作成しよう!

2014/04/06

こんにちは。
今回はファビコン(マルチアイコン)を作成したいと思います。

ファビコン(マルチアイコン)を作成しよう!

ファビコンとは

ファビコンとはサイトのアイコンです。
ブラウザのタブの所に表示されたり、ブックマークの所に表示されたり、デスクトップ等にショートカットした所に表示されるアイコンです。

favicon1

 

ファビコンのサイズは

16px × 16pxは基本ですが、これはブラウザで表示されるサイズです。
32px × 32pxはデスクトップ等にショートカットした時に使われます。
他にもOSによって様々なサイズのアイコンが使われてますが、
今回は16px × 16pxと32px × 32pxのマルチアイコンを作成します。

 

マルチアイコンとは

複数ののサイズのアイコンを一つのファイルにする事です。

 

実際に作ってみよう!

ステップ1

まずは16px × 16pxと32px × 32pxのアイコンの画像を用意します。

 

ステップ2

下記のサイトを開き、小画像(16×16)、中画像(32×32)の「選択」をクリックし、先程作成したファイルを選択し、「favicon.ico 作成」をクリックします。

favicon.icoを作ろう!
favicon

 

ステップ3

画像をアップロードし、head内に以下を記述します。(urlは変更して下さい。)

 

以上でファビコン(マルチアイコン)の作成でした。

topへ戻る