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 size changes 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.

Check body width settings: Themes > Customize > Theme Styles > Global 

Check hero carousel slider width / position settings: Themes > Customize > Theme Styles > Hero Carousel > Slider Width/Position

 

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 = 915px
  • Slider full body width = 1170px
  • Slider full screen width = 1500px

 

Maximum Body Width = 1280px

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

 

Maximum Body Width = 1366px

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

 

Maximum Body Width = 1440px

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

 

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.