山口県山口市のホームページ制作・広告デザイン | 株式会社モトクロス

IT系会社員よもやま話 | 山口県山口市のWeb制作会社 モトクロスのスタッフブログ

モトクロス 5月30日新しいものが出来上がるワクワク

WEB

705

2017.06.15WEB

Facebookページのカバー画像を素敵に設定!

Facebookページを作成した際に、カバー画像を設定すると思います。
しかし、パソコンでは良い感じに設定できても、スマートフォンでは両端が切り取られてしまい、思うように表示されないことがあります。

Facebookページ PCとスマホの表示

そこで!パソコンでもスマートフォンでも、綺麗に表示される最適サイズをご紹介します。

パソコンでの最適サイズ

Facebook公式によると、幅820ピクセルx高さ312ピクセルが最適サイズだとされています。

Facebookページ パソコン用カバー画像

こんな感じですかね。

スマートフォンでの最適サイズ

一方、スマートフォンでは、幅640ピクセルx高さ360ピクセルが最適サイズだとされています。

Facebookページ パソコン用カバー画像をスマホで表示

先程のパソコンサイズの画像をそのまま使用すると、このようになります。

右側が切れてしまいましたね!!!

スマートフォンのサイズを基準にしてみる

まず、幅640ピクセルx高さ360ピクセルで画像を作成します。

Facebookページ スマホ用カバー画像

その画像をそのまま幅820ピクセルに引き伸ばしてみると…
幅820ピクセルx高さ461ピクセルになります。

Facebookページ スマホ用カバー画像をPC用に引き伸ばす

そして上記の青い部分が、PCで表示される幅820ピクセルx高さ312ピクセルのサイズになるということなのです。

青い部分に収まるように画像のレイアウトを考えればOKです。

というわけで、パソコンでもスマートフォンでも綺麗に表示される最適なサイズは、
幅820ピクセルx高さ461ピクセル!!
(2017年6月14日時点。Facebook側で仕様が変わる可能性は大いにあります。)

より魅力的なカバー写真を設定して、集客アップにつなげましょう!

カバー画像やFacebook広告等、制作いたします

株式会社モトクロスでは、Facebookカバー画像や広告などの制作も承っております。

もちろん、FacebookだけでなくTwitterやGoogle広告なども対応可能です!

お気軽にご相談ください(^o^)♪

見積もり依頼

この記事を書いた人

DADADADA

ウルトラマンシリーズに登場する、三面怪人「ダダ」ではなく、モトクロスのWEBデザイナー。好きなものは他人の不幸。

DADAの記事一覧

DADAが書いた他の記事