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
250x150
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
Home featured Banners
- Row of 3 banners under hero carousel = 600 x 435 per banner
- Left Navigation = 270px width
Brand Logos
500x500px. Download Brands Image Template
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.
Sub - Category Images
We recommend product images 267x200px for our Pinnacle Theme.