あおとえま モノデザ
蒼橙英麻(あおとえま)の物作りデザイン研究所
デザイン

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

ファビコンとは

私が、今の息子(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」を合わせてできたのがコレ!

意外といい感じでしょう(*´ω`*)
これからの私のブログがたくさんの方に読まれるように右肩上がりのイメージ
マリオで言ったらBダッシュ後のジャンプ!ですね😊

そういえば、任天堂スイッチにはネットワーク登録すると

昔のファミコンのソフトがダウンンロードできて、息子と一緒に「スーパーマリオ」をやっていたら、息子に「パパうまい!」って褒められました。
「そりゃそうだよ、パパやママの世代はみんなスーパーマリオやってたもん!」って言ってたら、ちょうど嫁がやってきたのでコンントローラー渡すと…

縦に横にコントローラー振り回して「ピョーン!」って言ってクリボーに当たって爆死していました…。💦

以上、よろしくお願いします。