Facebookの「カバー画像」の劣化しない最適サイズ+各所のサイズ
広告
Facebookのカバー写真というのはQlayのページで説明すると・・・
これの赤い部分です。
この部分に使う画像を適当なサイズでアップしてしまうとFacebookに引き伸ばされたり縮められたりして画像が劣化(ブロックノイズ)してしまい、綺麗に表示できません。
ですので、このカバー画像の部分とピッタリなサイズでアップすることにより画像が劣化することなく綺麗なままアップしちゃおう!ということで実際の画面をキャプチャーしてサイズを計測してみました。
これです
まとめると
横851px、縦315pxでアップすると劣化しない。
※フォーマットはpngがオススメ
なお、左のアイコン画像が表示されている部分は縦/横170px(※アップロードは180px以上)で上部からの距離は210px、右横からの距離は657pxでした。
アイコン(170px)に被らないようにデザインするにはこの210pxと657pxを意識してデザインするとよいと思います。