まずはファビコンを作ってみるか…|・`ω・)

ファビコンとは

私が、今の息子（8歳）ぐらいの頃…

ミーン、ミーン…、セミの鳴き声をバックサウンドに…

兄と協力して家の仕事を夏休中お手伝いして、やっとの思いで買ってもらったのはいいが、テレビにつなげる後ろの配線で訳が分からず兄弟で泣きわめいて電気屋さんに来てもらったのが懐かしい…「ファミコン」…ではなく

ドズ主のファンコミュニティーのアプリ…「ファニコン」でもない！

そう！「ファビコン」とはサイトの作成に置いて非常にサクッと終わる設定でありながら、そのサイトの顔となるCI(コーポレートアイデンティティ)的な要素で、重要度の高い小さなロゴである。

任天堂のホームページに行くとサイトのタブの所にマリオがいるコレですね

ブックマークするとツールバーに表示されている

こういったやつ！

ちなみにfavicon(ファビコン)の語源はfavorite icon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したものらしいです。

別に作らなくても良いのですが、メリットとして沢山タブを開いているときにそのタブがどのページなのかを解りやすい（サイトをアイコンで認識できる）ので、複数のサイトを同時に開けて作業をしている方（私を含む）に大変便利！

ファビコンのサイズ

ファビコンのサイズはブラウザやデバイスによって違うので、どのサイズで作ればいいのか悩見どころ…。

そこで代表的なサイズをググってみると…。

Internet Explorerのタブ	16px × 16px
IE9の「ピン留め機能」	24px × 24px
Chrome、Firefox、Safariなどのタブ	32px × 32px
Windowsのサイトアイコン	48px × 48px
高解像度のWindowsサイトアイコン	64px × 64px
iOS、 Androidのホーム画面	152px × 152px
WordPress	512px以上 × 512px以上

工エエェェ(´ﾟдﾟ｀)ェェエエ工

いっぱいあるねぇ💦

普段私が作るのは「24px × 24px」、「32px × 32px」の二つなのですが、WordPressは「512px以上 × 512px以上」ですか…

ちなみに必要な大きさのファビコンが用意されていない場合は、既に用意されているアイコンを、ブラウザやOSが自動的に拡大・縮小して表示させてくれるそうです。（よかった）

子供の頃ジャンプするときに、初心者がよくコントローラーを上に持ち上げならが「ピョーン！」と言ってたスーパーマリオブラザーズのマリオは「16px×16px」です。

ちなみにあのドズルさんも「16px×16px」(*´ﾟ3ﾟ｀)b ｼｰｯ!!ﾀﾞﾖ

ファビコンのデザインを考えよう！

さてさて、ファビコンを作成する方法は色々とあり、私はサクッとイラレ（Illustrator）とフォトショ（Photoshop）で作るのですが、「.ico」のフォーマットで作成するのが一般的ですが、今回は.pngの「512px × 512px」一枚画像でいいかなぁと思いま（WordPressだからね💦決して面倒な訳ではないんだからね💦）。

「.ico」で作成したい方はググってくださいすぐ出てきますので💦

では、デザインの過程でファビコンに於ける重要な点はなんでしょう？

ドズ主になる！…それはファニコン！

Bダッシュで加速すると高く飛べる！…それはファミコン！

っと、冗談は＼(・＿＼)コッチニ　（／＿・）／オイトイテ…

ズバリ！小さくても解りやすいのが効果的なので、むしろ小さくなっても何なのかが解りやすくないと意味がないのです。

ガッチリ（繊細で細やかに）とデザインしたら小さくしたときに解りにくくなるし、適当（大まかに）にしたら大きくしたときにダサいし…意外とむずかしい…CI(コーポレートアイデンティティ)みたいな感じです。

で、色々と考えた結果、蒼橙英麻の「蒼」色をベースにAotoEmaの「A」、「E」を合わせてできたのがコレ！