Facebook個人アカウントのカバー写真サイズ【2020年版】

この記事ではFacebookの個人アカウントのカバー写真画像（トップのバナー画像）について、スマホとPCの両方で見ても断ち切られずに入る適正サイズを紹介します。

Facebookのカバー写真はスマホとPCでは比率が違い、厄介です。どちらかに合わせれば切れたり変に空きが出てしまうのです。なので、ここでは両方で見て自然に見える「安全エリア」のサイズと配置方法のコツをご紹介します。

Facebookページのカバー画像サイズはこちらに記載しています。

【2020年】Facebookページの適正カバー画像サイズはこちら！

Facebookページ・Facebookグループのカバー画像は、パソコンとモバイルでは縦横比のサイズが違います。この記事では検証しながら、PC、モバイル共に文字も切れずにきれいに入る適性サイズをお伝えします。

続きを見る

公式のカバー写真のサイズ

Facebookのヘルプセンターでは、このように指定されています。

ページのカバー写真:
コンピューターでは幅820ピクセルx高さ312ピクセル、スマートフォンでは幅640ピクセルx高さ360ピクセルの大きさでページに表示されます。

元のサイズは少なくとも幅400ピクセルx高さ150ピクセルである必要があります。
幅851ピクセルx高さ315ピクセルで、100キロバイト未満のsRGB JPGファイルだと読み込み時間が短くなります。

ロゴやテキストを含むプロフィール写真やカバー写真には、PNGファイルを使用すると、より良い結果を得ることができます。
Facebook ヘルプセンター

こう公式の説明にはあるものの、どちらかのサイズに合わせれば、どちらかで断ち切れが発生してしまいます。

また、ファイル形式はPNGが推奨されていますが、実際にはPNGよりJPGの方が断然キレイです。これは後述します。

Facebookカバーサイズはどちらかのサイズに合わせるとずれる

公式にある「読み込みが短くなる」という「幅851px 高さ315pxで 100KB未満 sRGB JPG」でテスト画像をはめた感じです。

このように公式の推奨サイズ「幅851px 高さ315px」はPCではキレイですがスマホではかなり断ち切られ、イケてません。

パソコンを基準にして作るとスマホでは予期しない見え方になるので、PC/スマホの両方できちんと見えるエリアを知って置くことは、ブランディングの上でも大事ですね。

サイズは次で説明します。

Facebookカバー画像の適正サイズではめ込んだPC・スマホの見え方

先に見せますとパソコンはこんな感じに入ります。

スマホはこちら。文字は切れず綺麗に入っています。イラストは男性が少し切れますが許容範囲かと思います。

FacebookカバーのPC・スマホ両方で入るサイズは？

キャンバスサイズは赤枠の横851px 縦315px。PC・スマホ両方で安全に表示されるエリアが青の枠の範囲。なので大事な要素は、青枠の横幅558px以内の中央側に収めることです。
スマホでは、中央に大きくアイコンが来るのでその辺も考慮した要素の配置が必要です。

FBカバー画像作成のコツ：スマホで切れる左右の端には差し障りのないものを置く

スマホで切れてしまうため、両サイドに重要な要素は置かないようにします。ですが、そのままだと左右が空きすぎて「中央に寄り過ぎ」に見えてしまいます。

なので、文字やイラストなど切りたくないメインの要素は、スマホで切れない「ぎりぎりの範囲に配置」します。そして左右の空きには断ち切られても差し障りのない背景模様を敷きました。

パソコンでは左下にアイコンが来ることと、下部に黒いシャドウが入ります。そこに要素が置かれていると、「後ろに何か見えるけど切れて（暗くて）よく見えない」といったごちゃごちゃした印象になります。

それを避けるため左下と下側1/4位にはモノを置かないようにします。そうすることで、「隠れている何か」がない、スッキリ洗練されたカバーにすることができます。

Facebook個人アカウントのカバー写真テンプレート

テンプレートにすると、このような感じになります。

先ほどのカバー画像にこのテンプレートを当て込むと、こんな感じです。

FBカバー画像作成のコツ：大切な要素を安全エリア内におけば、断ち切られても自然に見える

はじめの失敗例の写真画像を、大切な要素（顔、カップ、文字）を『安全エリア』内に配置し直したものです。どうでしょう？

このように全面が写真の場合でも、重要な要素が安全エリア内であれば自然に見えますよね。

 

Facebookカバー写真のフォーマットは「sRGBのJPG70%」がキレイ

公式で推奨されているPNGでは、実はにじみが目立ちます。
それよりも『sRGBのJPG70%』で書き出したものは画像の劣化が少なく、文字のにじみが最小限に抑えられます。公式情報はあてにならないですね。

Facebookカバーの画像フォーマットは、JPG 、そして可能ならsRGBにしておくとキレイな結果が得られます。

 

Facebookカバー写真を失敗しないポイント

Facebookカバー写真にお客様を盛大に集めたセミナーやパーティ写真を使っている人を時々見かけます。スマホでは堂々とお客様の顔をぶった切りていることにお気づきでしょうか？
自分の権威性アピールのためにお客をダシに使っている感が出てしまいかねませんので、使用には注意が必要です。

このように、集合写真は顔が隠れたりスマホでは見えない人たちが出て来ますので、それを認識した上で最低限の調整をしておきましょう。

ここでは、スマホでは見えない人がいることを割り切った上で「顔が切れる人がいない配置」を行います。

とはいえ、プロのデザイナーから見てFacebookのカバー画像サイズの仕様は非常にヘンなのです。可能なら、人混みの写真は避けてシンプルな画像を使いましょう。

それがもっとも置かれた要素（モノ）が良い意味で立って、美しく見えます。

ポイントは、全面がどこを切っても同じ模様のような写真や画像を使うこと。文字は入れるなら少ない文字数で中央にドンと配置する。これがキレイに見せながら強く見える方法です。

まとめ

こちらがFacebookの個人アカウントのカバー写真のサイズのまとめです。

以下のようにすれば、スマホでもPCでも比較的自然なはめ込みができます。
複雑すぎる仕様ですが、まずは大切なところは切れないよう配置する配慮が大事です。

Facebookグループ、Facebookカバー写真の適正サイズはどうなるの？

Facebookグループ・Facebookカバー写真は、この記事と同じサイズでできます。むしろアイコンで写真が隠れることがないので、もう少し広く取れます。

PCとスマホでの適正サイズを合わせて重なった「安全エリア」内に要素を配置する方法を説明しています。詳しくはこちらの記事をご覧ください。

【2020年】Facebookページの適正カバー画像サイズはこちら！

Facebookページ・Facebookグループのカバー画像は、パソコンとモバイルでは縦横比のサイズが違います。この記事では検証しながら、PC、モバイル共に文字も切れずにきれいに入る適性サイズをお伝えします。