【トップページ・特集ページ】バナー画像の推奨サイズはありますか?

1枚大きく表示する場合、横幅1200pxほどがオススメです。

バナー画像の推奨サイズは、表示タイプを横1枚として表示する場合、横幅1200pxほどでお作りいただけますと綺麗に表示することができます。

※左ナビエリアに表示されます際は、700〜800pxほどございましたら充分です

きれいなページに魅せるために

ビーノでは、お客様の使用画面サイズに合わせてバナー画像を拡大・縮小する仕組みが備わっております。

そのため、必ずこのサイズ!といった画像ルールはございませんが、お客様が解像度の高い大きな画面でアクセスされた際を考えると、横幅1200pxほどあると安心かもしれません。
(横が基準となるので縦はいくつでも構いません)

横幅1200px以上の画像を使用(オススメ!)

例えば、上のサンプルは「横幅1200px」のバナー画像を表示した状態で、画面幅を大きく広げた場合の例です。
大きな画面サイズでも問題なく綺麗に表示されているのが分かると思います。

小さい画像を使用した場合

次に、こちらは「横幅195px」の小さなバナー画像を使用した例です。

小さな画像を大きな画面サイズのPCで見られてしまうと、このように画像が引き伸ばされることで全体的にくすんでいるようにも見えてしまいます…。

バナーを横に2枚・3枚並べて表示する場合

横にバナーを並べて表示する場合には、横幅700〜800pxほどを推奨しております!

ビーノで画像の縦横比率を変更できる?

恐れ入りますが、できかねます。

画像の縦横比率を変更してしまいますと、画像が縦(もしくは横)に潰れたかのような荒れた見栄えとなってしまいますことから、比率変更機能は持たせておりません。

結論

・1枚大きく表示する時は横約1200px
・横に並べて表示する時は横約700px

とはいえ、あまり大きすぎる画像ですと、逆にそれだけ容量を消費&読み込み負荷アップしますので、ご注意くださいませ。

 

関連キーワード
バナー推奨サイズ 画像サイズ 画像の推奨サイズ おすすめサイズ おすすめ
この記事について評価をお願いいたします
  • 役に立った (1)
  • わかりにくい (0)
  • 必要な情報がなかった (2)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例