MENU

【作り方】Facebookヘッダー画像

Facebook

画像のサイズ

コンピューターでは幅820ピクセルx高さ312ピクセル、スマートフォンでは幅640ピクセルx高さ360ピクセルの大きさでページに表示されます。
元のサイズは少なくとも幅400ピクセルx高さ150ピクセルである必要があります。
幅851ピクセルx高さ315ピクセルで、100キロバイト未満のsRGB JPGファイルだと読み込み時間が短くなります。

https://www.facebook.com/help/125379114252045
Facebook ヘルプセンター

スマホ表示とPC表示ではサイズが違う

PC→横828ピクセル、縦315ピクセル
スマホ→横640ピクセル、縦360ピクセル

で表示されます。
ヘッダー画像はPCの方が横長で、スマホの方が縦長に表示されることになります。

パソコン(PC)とスマホとではタテヨコ比が違うんですね。
PCサイズに合わせてカバー写真を作ればスマホでは下側が変に空いてしまったり、スマホに合わせれば左右が切れてしまうので、文字など大事な要素や人物の顔が変に切れてしまうことは避けましょう。

安全エリア

安全エリア(幅640px  縦312px)はPC・スマホ共にほぼ切れずに表示できるサイズになります。
カバー画像そのものは大きめで作り、その中に安全エリアをつくることをおすすめします。
まとめると・・・

画像のサイズは820px 360pxで作成します。
縦横はPCとスマホサイズで大きい方を採用します。
その画像の中に、安全エリアのサイズ幅640px 縦320pxに切れては困る大事な要素を入れる
※Facebookグループのカバー画像もこの方法でOKです!

ヘッダー画像の作り方(Photoshopの使い方)

Photoshopの基本操作のみで画像を作ることができます。
「文字の装飾」と「背景加工・素材を用意」をまず覚えればと作れるのでチャレンジしてください!

簡単に作業手順になります。
①新規作成、画像サイズ設定する
文字の入力して、装飾する
背景加工・素材を用意する
データ保存する、jpg書き出しをする