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

1枚のバナーを大きく表示する場合、横幅1200pxほどがおすすめです。

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

※左ナビエリアに表示されます際は、横幅 700〜800px ほどございましたら充分です
※縦幅については推奨サイズはございませんが、参考値として 200〜300px が一般的なサイズとなります

きれいなページに魅せるための推奨サイズ

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

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

バナーを横1枚に大きく表示する場合

横幅1200px 以上の画像がおすすめ

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

小さい画像を使用した場合の表示イメージ

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

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

バナーを横に複数枚並べて表示する場合

横にバナーを並べて表示する場合には、横幅700〜800pxほどあればきれいに表示されます。
(単純に計算しますと、横幅 1,200px ÷ 横並び 3枚 = 1枚あたり400px )

※それ以上のサイズでも表示タイプに合わせて自動で縮小するため、問題ありません

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

恐れ入りますが、比率変更はできかねます。

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

結論

  • 1枚大きく表示する時は横幅 約1200px(縦幅は自由)
  • 横に複数枚並べて表示する時は横幅 約700px(縦幅は自由)

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

縦幅は自由にご設定いただきまして問題ございませんが、参考値として 200〜300px が一般的なサイズとなります。

 

関連FAQ

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

関連しそうなFAQなど

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