
Facebookカバー写真のコラージュテンプレート
カバー写真は、同じファイルから端末ごとに違う切り取られ方をする、このサイトで唯一の画像です。すべてを生き延びる長方形に合わせて設計すれば、問題ではなくなります。
カバー 820x312
Facebookはカバーを縮小するのではなく、枠を取り直します。デスクトップは横長の帯を、モバイルは同じファイルの中央から切り出したより狭く高い帯を見せ、プロフィール写真はどちらでも左下に載ります。これを無視したコラージュは、顔がアバターの裏に隠れ、両端が落ちた状態で届きます。直し方は一つの長方形です。以下に述べます。
StudioCollage で作成
以下のコラージュはすべてエディター上でフル解像度で作成されたものです。ひとつ開けば、そこから始められます。
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
エディターで開く
1. 同じファイル、三つの違う切り取り
851 x 315をアップロードすると、各端末が実際に見せるのはこうです。
| 端末 | 見せるもの | 失うもの |
|---|---|---|
| デスクトップ | 851 x 315の全体 | なし。ただしアバターが左下を覆う |
| モバイル | 中央の帯、幅およそ640 | 左右それぞれ約100 px |
| 小さな端末 | さらに狭い | 片側最大130 px |
つまり画像の両端は装飾であって、それ以外ではありません。見られなければならないものは、中央の600 pxに属します。
2. すべてを生き延びる長方形
一つの規則が上のすべてを置き換えます。
大事なものはすべて中央の600 x 315に収め、左下の180 x 180は空けておくこと。 前者はモバイルの切り取りを生き延び、後者はプロフィール写真の下から外れます。
コラージュにとって実際にどういうことか。五つ並べたセルは誤りです。端末では一つ目と五つ目が切られるからです。中央に三つのセルを置き、色を端まで走らせるのが正しい。ここのテンプレートはそう作られています。構成はどの端末でも保たれ、両端はそれを延ばすだけです。
3. カバーが甘く見える理由
Facebookはカバーを、扱うもののなかでもとりわけ強く圧縮します。しかも851 x 315はもともと小さな画面です。
- ちょうど851 x 315でアップロードしてください。 あるいはちょうど倍の1702 x 630。高密度画面に配信するアカウントもあります。その中間はすべて二度リサンプルされます。
- ベタ塗りや枠があるコラージュはJPEGよりPNGで書き出してください。 Facebookはどのみち再エンコードしますが、より清潔な素材から始められます。
- 小さな文字と細い枠は避けてください。 高さ315 pxでは、セル間の髪の毛のような線は一、二ピクセルで、圧縮がそれを消し、セルどうしがにじみ合います。
4. この形の帯で実際に成立するもの
851かける315は非常に横長で非常に低い枠であり、人が撮るどんなものとも違います。三つの手が持ちこたえます。
中央に正方形を三つ並べ、色を端まで。最も確実で、どの切り取りも生き延びます。
パノラマ写真を一枚、持っているなら。風景、街の輪郭、横一列に並んだ集合。全幅が正直に使われる唯一の場合です。
質感の上に一枚を右に寄せて置く、左下はアバターのために空けて。意図的に非対称で、切り取られた写真ではなく狙って作ったものに見えます。
成立しないもの。縦位置の写真、肖像、被写体が縦の余地を必要とするものすべて。それは315ピクセルしかありません。
5. 作ってみる
上のテンプレートを選ぶと、安全な長方形を守った851 x 315で開きます。中央のセルに写真を入れ、両端は背景に任せて、書き出してください。
アバターの重なりを実測した詳しい手順は Facebookカバーのガイド に。ほかの行き先: Instagramの投稿、ストーリーズ、印刷。
Facebookカバーのコラージュについてよくある質問
Facebookのカバー写真は何ピクセルですか?
851 x 315ピクセル、または高密度画面向けにちょうど倍の1702 x 630です。その二つの中間はすべて二度リサンプルされ、甘く届きます。Facebookはカバーを縮小するというより枠を取り直すので、サイズは答えの半分にすぎません。
Facebookのカバーがモバイルで切れるのはなぜですか?
モバイルが同じファイルの中央から切り出したより狭い帯を見せ、左右それぞれ約100 px、小さな端末では130 pxまで失うからです。何をアップロードしても防げません。大事なものを中央の600 x 315に収めれば、両端は損失ではなく装飾になります。
プロフィール写真はカバーのどこを覆いますか?
左下、デスクトップでおよそ180 x 180の範囲です。その角は顔と、読ませたいものすべてから空けておいてください。写真を右に寄せた意図的に非対称な構成は、偶然覆われたのではなく狙ったものに見えます。
カバーがぼやけて見えるのはなぜですか?
カバーはFacebook上のほとんどの画像より強く圧縮され、しかも画面はもともと高さ315 pxしかありません。ちょうど851 x 315またはちょうど1702 x 630でアップロードし、ベタ塗りや枠があるならPNGを選び、圧縮が消してしまうセル間の一ピクセルの隙間は避けてください。
カバーにはどんなコラージュが向きますか?
中央に正方形を三つ並べ、色を端まで走らせたもの。どの切り取りも生き延びます。パノラマ写真が一枚あるならそれも。成立しないのは縦に高いものすべてです。高さは315ピクセルしかなく、肖像には行き場がありません。











