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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結論

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

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

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

 

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

関連しそうなFAQなど

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