Recommended Image Sizes

We’ve put together general recommendations for creating and uploading imagery to your theme. The numbers below indicate width by height in pixels (px). If only the width is specified the height can be any number.

Store Logo

250×150

Carousel Banners

The hero carousel image sizes change depending on the Maximum body width and Slider Width / Position settings selected in the theme editor. Double check your settings and use the notes below to determine the recommended image sizes for your carousel banners.

How to check your site Maximum Body width settings

How to check your Slider Width / Position settings 

Maximum Body Width = 960px

  • Slider Right of Side Nav = 720px
  • Slider full body width = 960px
  • Slider full screen width  = 1500px

Maximum Body Width = 1170px

  • Slider Right of Side Nav = 880px
  • Slider full body width = 1170px
  • Slider full screen width  = 1500px

Maximum Body Width = 1280px

  • Slider Right of Side Nav = 960px
  • Slider full body width = 1280px
  • Slider full screen width  = 1500px

Maximum Body Width = 1366px

  • Slider Right of Side Nav = 1025px
  • Slider full body width = 1366px
  • Slider full screen width  =1500px

Maximum Body Width = 1440px

  • Slider Right of Side Nav = 1080px
  • Slider full body width = 1440px
  • Slider full screen width = 1500px

Marketing Banners

  • Row of 3 banners under hero carousel = 600 x 435 per banner
  • Left Navigation = 270px width

Brand Logos

500x500px.

Blog Images

Create blog images equal to the Maximum Body Width setting. Create each blog image the same height to keep the blog pages aligned.

Product Images

BigCommerce recommends product images at least 1028x1028px.