いいアイコンの条件は、小さな丸に縮められても「これは自分だ」と伝わることです。プロフィール画像を原寸で見る人はほとんどいません。見られるのはメッセージやコメントの横、メンバー一覧の名前の横で、それも1秒足らずのことが多いです。ですから、いいプロフィール画像は、まずそのサイズで通用しなければなりません。
いいプロフィール画像とは？
いいプロフィール画像は、アイコンのサイズでも見分けがつき、主役が丸い切り抜きの内側に収まり、見せ場が1つで、明るいところと暗いところの差がはっきりしていて、使う場所に合っています。このあとの5つのポイントでは、スクエアフェイスアイコンギャラリーの実際のアイコンを使っているので、言葉だけでなく目で違いを確かめられます。
ポイント1：アイコンのサイズでも伝わる
まず、画像がいちばん小さく表示される場所を考えます。LINEなどのチャットアプリやコメント欄では、アイコンが指先より小さく表示されることがよくあります。そのサイズでは細い線は消え、小さい文字はノイズになり、細かい模様は1つの色にぼやけてしまいます。
192px48px32pxかんたんな確かめ方があります。画面の上で親指の爪くらいの大きさになるまで画像を縮め、いったん目をそらしてからもう一度見ます。自分らしさを作っている2〜3個の特徴をまだ言えるなら合格です。
ポイント2：丸く切り抜かれても欠けない
多くのアプリはプロフィール画像を丸く表示しますが、アップロードするファイルは正方形です。つまり、四隅はすべて切り落とされます。そこに置いたもの、たとえばロゴ、小さな名前、ふちにかかった帽子のつばなどは、消えてしまうかもしれません。
顔と一番の特徴は、正方形の真ん中に収めましょう。この点では四角い顔のアイコンが有利です。顔が最初から真ん中を占めていて、髪がそのまわりをふちどっているからです。
正方形のファイル丸く切り抜きポイント3：見せ場は1つ
いいプロフィール画像には、最初に目がいく場所が1つあります。イラストのアイコンなら、たいていは目、形のはっきりした髪型、目立つ小物1つのどれかです。小物が3つも張り合っていると、小さいサイズではどれも伝わりません。
覚えてもらいたい特徴を1つ選びましょう。それを大きくして、絵のほかの部分では使っていない色をつけます。質感を足すだけのものは取り除きます。
ポイント4：明暗の差をはっきり
画像が小さいと、色の違いだけでは形の区別がつきません。区別をつけるのは明るさの差です。髪と肌の明るさが近かったり、背景と髪の明るさが近かったりすると、原寸では色が違って見えても、アイコンのサイズでは1つのかたまりに溶けてしまいます。
明暗の差が小さい明暗の差が大きい明暗の差をかんたんに確かめるには、画像をモノクロで見てみます。たいていのスマホは、アクセシビリティの設定でモノクロ表示にできます。顔と髪が同じグレーになったら、どちらかを変えましょう。
ポイント5：使う場所に合っている
同じ画像でも、あるサービスでは合っていて、別のサービスでは合わないことがあります。誰が見るのか、その人が何を期待しているのかを考えてから、スタイルを選びましょう。
そろえることにも意味があります。どのアカウントでも同じアイコンを使えば、アプリが変わっても見つけてもらいやすくなります。
アイコンは何にすればいい？
まず画像の種類を決めてから、ポイントを確かめます。自分の顔写真は、仕事用やマッチングアプリのプロフィールに向いています。話す相手の顔を見たい人が多い場所だからです。イラストのアイコンは、Discord、ゲーム、SNSに向いています。ハンドルネームで覚えてもらう場所だからです。ペット、自分で描いた絵、好きなキャラでも構いません。アイコンのサイズでポイント1を満たしていれば大丈夫です。
アイコンの「3分の2ルール」とは？
公式の「3分の2ルール」というものはありません。プロフィール画像の話でこの言葉が出てきたら、たいていは顔や主役が画面の約3分の2を占めるようにする、という意味です。そうすれば、まわりに丸い切り抜きのための余白を少し残しつつ、アイコンのサイズでも主役を大きく見せられます。
写真なら、出発点として役に立つ目安です。当サイトのギャラリーにあるようなイラストのアイコンでは、もともと顔が正方形のほとんどを占めているので、正確な比率よりもポイント1とポイント2のほうが大事です。
いいアイコンの作り方は？
- 画像は大きめのサイズで作るか選びます。元が大きいほど、アプリが縮めるときの余裕が増えます。
- 顔を真ん中に置き、四隅には大事なものを置きません。
- 見せ場を1つ選び、はっきり目立たせます。
- 小さい丸とモノクロで見え方を確かめます。
- アップロードしたら、そのアプリの中で仕上がりを見ます。切り抜き方も縮め方も、アプリごとに違うからです。
スクエアアイコンメーカーは四角い顔を作ってPNGで保存でき、同じページのチェッカーで丸い形や32ピクセルまで縮めた見え方を確かめられます。スマホで作れる、やわらかくてかわいい雰囲気がいいなら、かわいいアイコンメーカーを試してみてください。アップロードしたらぼやけてしまった、というときはDiscordのアイコンがぼやける理由を見てください。
よくある質問
アイコンは何ピクセルにすればいい？
表示されるサイズより大きい正方形の画像をアップロードしましょう。アップロードの上限はサービスごとに公表されていて、ときどき変わります。数字をあてにする前に、そのサービスのヘルプページで確かめてください。DiscordについてはDiscordのアイコンサイズをどうぞ。
友だちの画面だとアイコンの見え方が違うのはなぜ？
アプリは、スマホとパソコンで同じ画像を違うサイズで表示します。ダークモードで、ふちの見え方が変わることもあります。明るい背景と暗い背景の両方で確かめておきましょう。
いいアイコンの条件のまとめ
いいアイコンの条件は、縮めても残る部分で決まります。真ん中に置き、見せ場を1つにして、明暗の差を確かめ、アップロードする前に小さい丸で見え方を確かめましょう。もうこれらのポイントを満たしているアイコンのアイデアは、スクエアフェイスアイコンギャラリーで探せます。