（DSマガジンのファビコン）

※ブラウザタブ…Webブラウザで複数のWebページを同時に開くための仕組み。各タブは画面上部に並び、クリックで簡単にページを切り替えることができます。

 

参考ページ：ブラウザとは？　意味と種類、どれがオススメかを初心者向けに解説

 
有名な企業の例では、Googleの4色で書かれた「G」、Appleの黒い欠けた林檎、Amazonの黒いaの下に矢印といったアイコンがファビコンとしても利用されています。

（有名な企業のファビコンの例）

ファビコンという名前は、英語の「favorite icon」から来ています。これは直訳すると「お気に入りアイコン」という意味で、訪問者がWebサイトをお気に入りに登録した際に表示されるアイコンとして使われはじめたのが由来です。

 

この「favorite icon」を短くして「favicon」（ファビコン）と呼ばれるようになりました。

 

ファビコンはWebサイトの独自性を強調し、他のサイトとの差別化を図るための重要なツールです。ファビコンを設定することで訪問者に対して一貫したブランドイメージを提供できます。そして、トレードマークのような役割を果たし、訪問者がサイトを憶えやすくなります。

ファビコンはブラウザのタブに表示されます。ブラウザのタブの左端に位置し、ユーザーが複数のタブを開いている際にも一目でサイトを識別できるようにします。これにより、ユーザーは目的のWebサイトへの切り替えがスムーズにおこなえるため利便性が向上します。

（ブラウザタブでのファビコン表示）

お気に入り・ブックマークのリストにもファビコンは表示されます。お気に入りやブックマークにWebサイトを追加した際にも、ファビコンはリンクの横に表示されます。そのため、訪問者がお気に入りやブックマークの中から閲覧したいサイトをすぐに探し出せます。

（お気に入り・ブックマークでのファビコン表示）

検索エンジンでキーワード検索をした際、検索結果の左にもファビコンは表示されます。
さらに、パソコンだけでなくスマートフォンから検索した場合でもファビコンが表示されます。

（検索エンジンでのファビコン表示）

参考ページ：検索エンジンとは？Google・Yahoo!・Bingなどの種類や仕組み、SEOとの関係を解説

また、パソコンやスマートフォンのホーム画面にWebサイトのショートカットを追加した場合もファビコンと同じアイコンが表示されます。

 

Apple製品の場合は「Apple Touch Icon」、androidスマートフォンでは「ショートカットアイコン」など、異なる呼び方をされることがありますが使用する画像や目的はファビコンと全く変わりません。

Favicon ジェネレーターは、JPG・PNG・GIFなどの画像ファイルからfavicon用の画像（favicon.ico）を生成・変換するオンラインサービスです。ブラウザ上で完結し、画像をネットワーク上にアップロードする必要がないため、セキュリティ面でも安心です。

 

 

各サイトの中で操作性が一番シンプルかつ、画像の変換も早いです。そして紹介する中では唯一日本語対応しているため、非常に使いやすいです。

ただし、他サイトと比較すると機能面では最低限になっています。

参考ページ：Favicon ジェネレーター

Iconifier.netは、1枚の画像からファビコンやApple Touch Iconを同時に生成するオンラインサービスです。ユーザーはJPG・PNG・GIF形式の画像をアップロードし、様々なサイズのアイコンを一括で生成できます。

 

 

 

Apple Touch Iconも一括で生成できるため、iOS製品へ同時に対応できる利便性があります。

操作感としては先ほどのFavicon ジェネレーターとほぼ変わりませんが、英語のサイトのため画像変換やダウンロードの方法がすこしわかりづらい箇所があります。

参考ページ：iconifier.net

favicon.ccは、オンラインで簡単にファビコンを作成できる無料ツールです。これまでの2つとは異なり、元の画像のサイズを変更するだけでなく、ピクセル単位でデザインを手描き編集し、直感的な操作でオリジナルのファビコンを作成できます。

 

 

 

手描きでファビコンを作成できるのが一番の魅力です。直下に表示されているプレビュー画面は手描きに合わせて即時反映されるため、作成しているファビコンをイメージしやすいのも良い点です。

ただし、対応している画像サイズが16px × 16pxのみというのが難点です。

参考ページ：favicon.cc

 

以上の紹介を参考に、目的に合わせてファビコンを作成してください。