HTMLで favicon を設定する

Favicon とは

Favicon というのは、そのウェブページのアイコンとして設定されるもので、Favorite icon の略です。

実際には、ブラウザ上のURL欄やページタイトル、ブックマークの中のタイトルの左に表示されます。

設定方法

用意するもの:サイズ 16×16 (32×32)の拡張子.ico のファイル

32×32も含むマルチアイコンの方がいいですが、ブラウザ表示には使われません。

ico ファイルは、gif , png , jpg , bmp などから変換して作成できます。

変換してできた ico ファイルをサーバー上の任意のフォルダに置きましょう。

HTMLへの記述

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

ファイル名(favicon.ico)とフォルダの場所は、ご自由に変更してください。

上記の記述を、HTMLの<head>タグの中に置くことで Favicon を設定することができます。

なお、ブラウザごとに動作が異なることがあるため、両方とも記述しましょう。

スポンサードリンク

inserted by FC2 system