faviconとは？サイトの「小さなアイコン」を初心者向けに解説
公開日
ブログやWebサイトを見ていると、ブラウザのタブやブックマークに「小さなアイコン」が表示されていることがあります。
この小さなアイコンが favicon（ファビコン） です。
この記事では、faviconとは何か、どこに表示されるのかを、なるべく分かりやすくまとめます。
faviconとは
faviconは、Webサイトを識別するための小さなアイコン画像です。
主に次のような場所に表示されます。
- ブラウザのタブ
- ブックマーク（お気に入り）
- スマホのホーム画面に追加したとき（環境による）
サイト名だけよりも見分けがつきやすくなるため、ブログ運営でも設定しておくと便利です。
faviconを設定するメリット
- タブがたくさん開いていても自分のサイトを見つけやすい
- ブックマークで識別しやすい
- サイトの印象づくりに役立つことがある
※大きく変化する要素ではないですが、細かい使いやすさにつながります。
faviconはどんな画像が向いている？
小さく表示されるので、
- シンプル
- 形がはっきり
- 文字は少なめ
のデザインが見やすいことが多いです。
Petanko Imageでできること
Petanko Imageは、画像を軽く・扱いやすくするためのWeb向け画像最適化サイトです。
favicon作成ツールでは、favicon用の画像サイズを作成できます。
画像ファイルを外部サーバーへ送信せず、ブラウザ上だけで処理できる設計です。
【画像例】
今後も、Web用の画像づくりが少しでも楽になるよう、改善を続けていきます。