| ＧＩＭＰやペイントを使ってファビコンを作ってみましょう。 |
|---|
|
ご存じのことと思いますが、ファビコンはＨＰ（ホームページ）を開いたとき左上のタイトルの前に表示される小さなシンボル画像です。 さて、ＯＳはWindows10です。一応表示できるまでを紹介します。 まず、ファイルの名前は「favicon.ico」です。 ファビコンの画像は１６×１６ピクセルという小さな画像です。 では縦横が１６ピクセルの正方形の画像を作ります。 ちなみに私はＧＩＭＰを使って作ってみました。 ＧＩＭＰを開いてファイル⇒新しい画像、幅と高さを１６にしてＯＫをクリックします。 次に文字やペイントで画像を作りますが、画像を拡大すると作りやすいです。 次にできた画像を保存します。この時、ファイル名を「favicon.ico」にして保存します。 これでファビコンの画像が完成しました。 作ってみると良く分かりますが、画像はシンプルな物が良いです。 背景を透明にすることもできますので試してみて下さい。 ご存じと思いますがＨＰのファイルのヘッダー内に「<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">」を記載することをお忘れなく。（上記の「」内をコピーしてHEAD内に貼り付けてもＯＫです。） 当然ですが このＨＰファイルと画像（favicon.ico）ファイルは同じフォルダー内に置きます。 保存場所について申し上げるとホームページ、つまり一番上の階層（ドメインページの在るホルダー内）にこのファビコンを置くと以下の階層のページにもこのファビコンが表示されます。 逆に、下位の階層のファビコンを別の物に変えたい時はそのページに設置すればそのページを変えることができます。 以上お試しあれ！
|