ページヘッダー画像とは

ページのタイトルが表示される部分の背景で使う画像です。赤で囲われた部分に反映されます。

初期設定では右の画像が設定されています。

デバイスによって見える範囲が変わる

マルチデバイス対応になっているので、画面のサイズに合わせて、画像が拡大されます。

【例】

Galaxy S8(360px)

Galaxy S8(画面幅 360px)

iPhone 12(390px)

iPhone 12 (画面幅390px)

iPhone 14 Pro Max(430px)

iPhone 14 Pro Max (画面幅430px)

iPad pro(1024px)

iPad pro (画面幅1024px)

デスクトップ(1920px)

一般的なデスクトップ
(画面幅1920px)

おすすめの画像とサイズ

デバイスの幅が広くなると、画像は上下が切れて細長く表示されます。

その場合を考慮して、一番見せたい箇所が中心にあるような画像がおすすめです。

画像のサイズは、横幅のサイズが1920px以上でご用意ください。

それ以下ではデスクトップで表示させた際に、
画像が横幅に合わせ拡大されるので、画像が粗くなってしまうかもしれません。