わずか16ピクセルの迷宮。サイトの「顔」をどっちにするか問題

皆さんこんにちは^^漫画・作画チャンネルです!

新しくサイトを立ち上げるとき、皆さんはどこに一番時間を使いますか? コンテンツ、レイアウト、配色……。もちろんそれらも大事ですが、今回僕が一番頭を抱えたのは、ブラウザの端っこにちょこんと座る**「ファビコン」**のデザインでした。

そもそも「ファビコン」って?

ブラウザでたくさんのタブを開いているとき、ページタイトルの左側に表示される小さなアイコンのことです。 いわば、サイトにとっての**「名札」や「顔」**。16×16ピクセルという極小の世界ですが、サイトの印象を左右する意外と重要なパーツなんです。

究極の2択:AIと作った「タワーさん」アイコン

今回は、おなじみの「タワーさん」をモデルに、ChatGPT(チャッピー)とGeminiの力を借りて2つの候補を作ってみました。

候補A:重厚なディテール

候補A

月夜のような背景に、繊細なラインが映えるデザイン。一枚のイラストとしての完成度が非常に高く、一瞬こちらに決めかけました。

候補B:潔いシルエット(採用!)

候補B

明るめのブルーを基調としたシルエットデザイン。シンプルですが、遠目で見てもパッと目が引かれます。

なぜ「シルエット」を選んだのか

正直、どちらも甲乙つけがたい出来栄えでかなり迷いました。 でも、最終的に選んだのは**「シルエットのB」**です。

理由は、クリエイターとしての**「イメージの統一感」**。 上のデザインはとても格好いいのですが、僕自身の普段の絵柄やサイトの雰囲気と比較したときに、少しイメージが遠いかなと感じたんです。

「単体で良いもの」を選ぶのではなく、「自分の一部として違和感がないもの」を選ぶ。 こうした細かなブランディングの積み重ねが、サイト全体の空気感を作っていくのだと改めて実感しました。

皆さんはどちら派ですか?

最終的に選んだアイコン、実際のサイトで見るとどんな風に馴染んでいるか、ぜひタブをチェックしてみてください。

「どっちも素敵だね!」と思ってくださった方は、ぜひ「いいね」で教えてもらえると励みになります!

最後まで読んでくださり、ありがとうございました!


🇬🇧 English

For international readers — the surprisingly hard choice of picking a 16-pixel icon.


When building a new website, where do you spend the most time?

Content? Layout? Color scheme? All important, of course. But the thing that gave me the most trouble was a tiny little icon that sits quietly in the corner of your browser tab — the favicon.

What’s a Favicon?

It’s the small icon that appears next to the page title when you have multiple tabs open. Think of it as the site’s name tag — its face. Just 16×16 pixels, yet surprisingly powerful in shaping a site’s first impression.

Two Candidates, One Tough Choice

For this site, I asked ChatGPT and Gemini to generate favicon designs based on my original character “Tower-san.” Two completely different results:

Candidate A: Rich and detailed A complex, intricate design with fine linework against a moonlit backdrop. Impressive as a standalone illustration.

Candidate B: Clean silhouette (chosen!) A bright blue silhouette — simple, but instantly recognizable even at a glance.

Why I Chose the Silhouette

Honestly, both designs were strong and I genuinely struggled. But in the end, I went with B.

The reason: brand consistency. Candidate A was stunning on its own, but it didn’t quite feel like me — it didn’t match the overall vibe of my art style and this site.

Choosing not just “what looks good” but “what feels like a natural extension of who I am” — that kind of small branding decision shapes the whole atmosphere of a site.

Check the browser tab and see how it fits! And if you liked both options, feel free to hit the like button. 😊

👁

📢 更新通知をLINEで受け取る

新しい記事や漫画をLINEでお知らせします

友だち追加
← ブログ一覧に戻る