Facebookカバー写真のコラージュ：正しいサイズ、セーフゾーン、作り方

Facebookのカバーは、インターネットでいちばんサイズを間違えられている画像です。パソコンでは横長に、スマホではより縦長で幅の狭い、2つの違う形で表示されるからです。コラージュでは問題がさらに大きくなります。どのセルにも切られる可能性のある縁があるからです。サイズ、両方の表示で生き残る領域、どの画面でもデザインされたように見えるカバーの作り方をご紹介します。

1. サイズと、生き残る領域

大事なのはセーフゾーンのルールです。1640 x 624でアップロードするなら、顔と文字は中央の1280 x 624の内側に収め、プロフィール写真が重なる下120ピクセルからは離します。StudioCollageのFacebookカバーのテンプレートはスマホのトリミング範囲と隠れる角を表示するので、アップロード前に何が残るかを確認できます。

2. 帯に合うレイアウト

カバーは2.6:1の帯なので、いつもの正方形グリッドは使えません。使えるのは3つの系統のレイアウトです。

縦長のセル3つと、横長のメイン1枚に小さなセル2つ。どちらも端が静かなら、すべての写真がセーフゾーンに収まります。

ポートレート5枚を1列に（チーム、家族、バンド）と、風景4枚。スマホでは外側のセルの端が切れるので、重要度の低い写真をそこに置きます。

• 3列：いちばん安全。中央のセルはどの画面でも全体が見え、外側の2つはスマホで少し欠けます。
• メイン+2枚：左に横長の風景1枚、右に小さなセル2つ。スマホのトリミングで被写体が残るよう、メインは中央寄りの左に置きます。
• 4列または5列：人物のポートレート向け（チームのページ、家族、バンド）。外側2つのセルの顔は、セルの中央寄りに置きます。

3. うまくいくカバーコラージュ8選

• 家族の帯。1人1枚のポートレートを3〜5枚、できれば同じ背景で。スマホで切れやすい2人を両端に置く順番にします。
• 旅を3枚で。到着、眺め、ディナー。風景3枚、細い白の間隔で。
• チームのページ。小さな会社向けに顔写真5枚を1列に。各セルは同じトリミングで、目の高さを揃えて。
• 商品ライン。ショップのページ向けに、同じ色の背景で商品4つ。色がブランドになります。
• ビフォーアフター。セル2つ、同じ構図で、リフォームやフィットネスのページに。両方がスマホのトリミングで残るよう、仕切り線は中央に。
• 四季。同じ場所の風景4枚を、春から冬へ。
• イベントのカウントダウン。去年のイベントの写真を帯にして、セーフゾーンに日付を。
• メイン1枚とディテール2つ。メインセルに結婚式の写真、小さな2つのセルに指輪とケーキ。

4. 3分で作る

• StudioCollageを開き、Facebookカバーのプリセットを選びます。キャンバスは1640 x 624で、スマホのトリミング範囲とプロフィール写真の角が網掛け表示されます。
• 写真を3〜5枚追加します。Autoを押すと顔を切らない帯のレイアウトが提案されます。または3列、メイン+2枚、5列を選びます。
• 網掛けの領域から離して、顔がカバーの中央寄りに来るように各セルの中でドラッグします。
• 間隔を細くするかゼロにし、間隔には写真から拾った背景色を設定します。
• JPGでダウンロードします。できれば最高画質で約100 KB以下を目指してください。Facebookは大きなファイルをより強く圧縮します。

Facebookで：プロフィールまたはページを開き、カバーにカーソルを合わせてカバー写真を編集、写真をアップロードの順に進み、必要ならドラッグで位置を調整して保存します。一度スマホで確認してください。ほとんどの人が見るのはスマホのトリミングです。

5. 同じコラージュをほかのバナーにも

カバーができれば、ほかのバナーサイズは同じプロジェクトでフォーマットを変えるだけです。Xのヘッダーは1500 x 500（3:1、プロフィール写真は左下）、LinkedInのカバーは1584 x 396（4:1、プロフィール写真は左）、YouTubeのバナーは2560 x 1440でセーフエリアは1546 x 423。サイズガイドにすべてまとめてあり、形ごとの枚数はコラージュに入れる写真の枚数で解説しています。

よくある質問