Facebookページのカバー写真がパソコンから見るとちゃんと表示されているのにスマホから見ると右端のほうが見切れているのはなぜ？と質問されました。
Facebookページのカバー写真の右端がスマホから見ると見切れてしまう理由
Facebookページを確認してみると確かにパソコンから見るとちゃんと見えているものがスマホから見ると右の端にあるものが見切れてうまく表示できていません。
今までFacebookページのカバー写真は1枚もの、風景写真やイメージ写真を使っていたので右端が見切れるなんてことは一度もなく…。
Facebookの公式サイトにはこんな風に書かれていた
そもそもFacebookページに設定した写真の横幅や高さが、Facebookページのカバー写真を表示する領域以上に大きく作ってあるんじゃないかと最初はそれくらいで思っていました。
Facebookページのカバー写真について書かれた公式ページを見てみると
コンピューターでは幅820ピクセルx高さ312ピクセル、スマートフォンでは幅640ピクセルx高さ360ピクセルの大きさでページに表示されます。
引用元 Facebookページのプロフィール写真やカバー写真のサイズはどのくらいですか。
と書かれていました。おや、パソコン用とスマホ用のカバー写真のサイズが違っていますね…。
なんとなくパソコン用もスマホ用も大きい数値を示しているものに合わせればいい？と思ったのですが、よくよく考えてみるとそれでは右端が見切れてしまうという事象は解決し無さそう…。
Facebookページのカバー写真が見切れてしまったのは見せたい要素の配置に原因が
自分のFacebookページを確認してみましたが、パソコンから見てもスマホから見ても見切れていません。Facebookページのカバー写真は設定するときに表示位置を変更できるようになっています。
初めはこれで見切れてはいけない部分が表示されるように調整すればいいんじゃないかと思ったのですが、どうやっても右端が見切れてしまう、表示できるエリア内に収まらないのです。
ちなみにわたしのFacebookページのカバー写真のサイズは幅1920px×高さ1080pxなので、縦方向にしか調整できませんでしたが、見せたい部分はしっかりとカバー写真の表示エリア内に収まっています。
Facebookページのカバー写真を「Canva」で作成してみた
Facebookページのカバー写真に設定している写真を送ってもらったところ、わたしのカバー写真より画像の幅も高さも小さいです。
2枚の写真を比べてはたと気がつきました。
わたしのほうのカバー写真の高さが倍以上高いので、すべてが表示エリアに収まっているかというと収まってはいないです。つまり、わたしのカバー写真も言ってしまえば「見切れている」のです。
見切れているけれど見切れていると思わなかった理由。それは見せたい部分がしっかりと表示エリア内に収まっているから見切れていても気がつかなかった。
つまり、送ってもらったカバー写真は見せたい部分が表示エリアからはみ出しているから見切れているように見えたということ。
見せたい部分が表示エリア内に収まってさえいれば、多少写真が上下左右に見切れていても気にならないということだと気付きました。
Facebookの公式サイトで示されていたFacebookページのカバー写真のサイズは作成するサイズじゃなくて表示できるエリアのサイズだった
ということは、Facebookの公式サイトに書かれていたFacebookページのカバー写真のサイズというのはそれそのものの大きさというわけではなく、Facebookページのカバー写真として表示できるエリアのサイズを言っていたのではないかと。
Facebookページのカバー写真をPhotoshopで作るならテンプレートを使おう
いろいろ調べて見つけたのがFacebookカバー写真とプロフィール写真を作成するためのテンプレート（Photoshop用）。Adobeのサイトで紹介されていました。
Photoshopを持っていないという方にはこちらの記事が分かりやすかったのでシェアしますね。
スマホ対応！Facebookページのカバー写真（画像）のサイズと注意点
最後に
撮影した写真をそのままカバー写真に設定するだけならこのようなことは起こりませんが、いくつかの写真を組み合わせたり文字を入れたりしてFacebookページのカバー写真を作成するなら、カバー写真いっぱいに見せたいものを載せないようにしましょう。
