その他

Facebookページのカバー画像サイズはこれ|サンプルあり

結論から言うと、FaceBookページのカバーは、幅820px、高さ360pxで作成します。公式のヘルプセンターによると

パソコン: 幅820px 高さ312px
スマホ: 幅640px 高さ360px

とあり、スマホの方がパソコンよりも高さが大きいサイズになります。なので、48px分だけ高さが上下いずれか欠けても問題ないくらいのデザインでカバーを作ります。実際にカバーを設定するときは、FaceBookページの管理画面上でカバーのタテ位置を調整できるので、上下どちらが欠けるのかは設定しながら確認すれば問題ないです。

工夫をしなければいけないのはむしろ、640pxのスマホサイズの際に左右がトリミングされることです。サンプル(Illustrator)を用意しましたので、スマホのサイズの中に表示させたいデザインが収まるように作ってみてください。

以上が、Facebookページのカバー画像サイズの備忘録でした。

最近の記事

  1. CSS

    擬似クラス「:first-child」「:last-child」はどうして効かな…
  2. CSS

    CSS|中央寄せが効かないときは・・・
  3. WordPress

    WordPressの立ち上げからサイト構築までの初期手順
  4. CSS

    レスポンシブウェブデザインの基本|メディアクリエリの設定
  5. CSS

    要素の配置が簡単に決まるFlexboxの使い方
PAGE TOP