ファビコン(サイトアイコン)とは

サイトアイコンは、アドレスバーの端などに表示される

ファビコン(サイトアイコン)は、アドレスバーの端などに表示される

ファビコン(favicon)とは、お気に入り(Favorites)用のアイコン(Icon)という意味の造語です。お気に入りとは、IEやEdgeでのブックマークのことです。現在では多くのブラウザがファビコンを表示しますが、元々はIEの独自機能だったため、このような名称で呼ばれています。

このファビコンは、ブラウザのアドレス欄・タブの端・ブックマーク項目の先頭などに表示されます。そのほか、デスクトップ上に置くショートカットアイコンとしても使われます。


 

ファビコン(サイトアイコン)を作成しておくと望ましい理由

アイコンがウェブサイトの識別に役立つ

アイコンがサイトの識別に役立つ

最近の代表的なブラウザはどれもタブ機能を搭載しているため、同時に複数のウェブページを開いて閲覧することも当然になりました。ファビコンがタブに表示されていれば、どのタブにどのウェブサイトが表示されているのかを素早く見分ける助けになります。

また、ブックマーク(お気に入り)にはたいていたくさんのウェブサイトが並びますが、分かりやすいファビコンがあれば見分けやすくなります。このように、ファビコンの存在はウェブサイトの識別に役立ちます。


 

複数サイズのアイコンを用意する方が望ましい

表示される場所によって、求められる大きさが異なる
表示場所によってサイズが異なる

表示場所によってサイズが異なる

ファビコンとして使うアイコンには、できるだけ複数のサイズを用意しておく方が望ましいでしょう。なぜなら、表示場所によってアイコンの大きさが異なるからです。

例えば、ブラウザのアドレス欄やタブでは「16×16」サイズで表示されることが多いですが、デスクトップ上に置かれた場合は「32×32」サイズ以上であることが多いです。また、Windowsでタスクバーへのピン留め機能を使うと「24×24」サイズで表示されることもあります。


 
その場の表示サイズに応じて、自動的に拡大・縮小される
サイズを自動調整されると、ギザギザが目立ってしまうことも

サイズ自動調整の結果、右側のようにギザギザが目立ってしまうことも

必要な大きさのファビコンが用意されていない場合は、既に用意されているアイコンを使って、ブラウザやOSが自動的に拡大・縮小して表示します。

上手い具合に拡大・縮小されれば良いのですが、アイコンに描かれている内容によっては、シャギーが目立つなど、不都合が出る可能性もあります。最初から様々なサイズでアイコンを用意しておけば、意図せず拡大・縮小されることを防げます。


 
複数サイズのアイコンを1ファイルに収められる「.ico」形式のアイコンファイル
1ファイルに複数のアイコンを格納できる「.ico」アイコンファイル

1ファイルに複数サイズのアイコンを格納できる「.ico」形式のファイル

複数サイズのアイコンを用意する場合でも、アイコンファイルは1つで十分です。「.ico」形式のファイルなら、複数サイズのアイコンをまとめて1ファイルに収められます。

ファビコンは、使われる場所によって「16×16」、「24×24」、「32×32」の3種類は必要です。少なくともその3サイズを含むアイコンファイルを作成しておくことが望ましいでしょう。


 
そんな複数サイズのアイコンを含んだ「.ico」形式のアイコンファイルをブラウザだけで作成できる便利なウェブサイトがありますから、それを利用するのが手軽です。次のページから詳しくご紹介いたします