ファビコンを設定することで、どれだけホームページの成果に影響を与えるかは未知数な部分が大きいかもしれません。ただ、ホームページのシンボル的な役割を担うので、自社のブランディングに一役買います。その他様々なメリットがあるので、設定するに越したことはないでしょう。

今回は、ファビコン作成のコツから、誰でも簡単にファビコン作成できるツール群をご紹介します。まだファビコンを設置されていない方は、この機会に是非設置してみましょう。

ファビコンとは

***
ファビコンとは、Webブラウザでページを開いた際、タブ部分に表示されるアイコンを指します。タブブラウザ(1つの画面で複数のページが開けるブラウザ)で複数のタブを開いた時に、ファビコンはページを判別する際の目印となります。

タブを開きすぎて、見たいホームページがどのタブなのかを見失ってしまったという経験をしたことはありませんか?
そういった迷子になってしまったユーザーに対して、ファビコンを目印に目当てのホームページみつけてもらうことも可能になります。
 
また、ユーザーがホームページをお気に入りに登録した際にも、ファビコンがあるのと無いのとでは印象と見つけやすさが変わってきます。

***
ブラウザ上でお気に入りに登録し、ブックマークバーに表示させている2つのホームページタイトルは同じですが、どちらの方が印象に残るでしょうか。瞬時に目に入ってくるのはファビコンが設定されている方ではないでしょうか。

ファビコンは膨大な情報が流れるインターネット上で、自社サービスを端的に表現してくれる存在です。ユーザーの記憶に残り、再訪率の高いホームページ作りを目指すのであれば、ファビコン設置は必須になります。

ファビコン作成のコツ

ファビコンは表示サイズが非常に小さいため、ホームページに入れ込むような画像やイラストと同じ感覚で作っても失敗しています。例えば、複雑なイラストをそのままファビコンサイズに縮小した場合、描線が多いため何を表しているのか全くわからなくなってしまいます。

重要なことは、ファビコン用の画像はできるだけ線や色が少ない、シンプルなものに仕上げることです。

一方で、大量に情報が流れるインターネット上でユーザーの目に止まるようなデザインにする(鮮やかな色を使う、ファビコンの枠をはみ出しているようなデザインを採用してみる等)必要もあります。また、ホームページの印象を左右する部分でもあるので、ページの雰囲気とマッチさせなければいけません。

簡単にファビコンを作成できる無料ツール

ファビコン作成モードがあるフリーのイラスト作成ツールをまとめました。

1.favicon.cc

***
http://www.favicon.cc/

参考:ferretのロゴ作成時間:5分

会員登録やツールのダウンロードなどは一切不要です。
上記のTOPページにアクセスすればすぐにファビコン作成を開始できます。画面右にあるカラーチャートから色を選択し、画面中央にあるフレーム内で作成します。

2.Favicon generator

***
http://favicon-generator.org/editor/

参考:ferretのロゴ作成時間:7分

会員登録やダウンロードなどは一切不要です。
TOPページにアクセスし、画面右下にある4つの選択肢から「Draw」を選択し、画面中央のフレーム内で作成します。

機能がシンプルな分、全く使い勝手の分からない初心者でもすんなり使い始めることができますが、シンプルすぎるためか使い慣れてくるとやや物足りなさも感じます。

3.彩彩畑

***
http://www.hm.h555.net/~irom/ssb_help/ssb_help_47.htm

参考:ferretのロゴ作成時間:5分

菜々畑はイラスト作成用のフリーソフトなので、使用するにはインストールする必要があります。(環境にもよりますが、インストールは数分で完了します。)
起動後の画面で右下にある「アイコン」ボタンをクリックすると、アイコン作成画面に入ります。

基本図形のテンプレや文字挿入も簡単に行うことができます。インストールする手間はありますが、機能は豊富でかつ一目見ただけでどのような機能が備わっているのかわかりやすい設計になっています。