How to Compress Images for BigCommerce: Speed Up Your Store

BigCommerce stores live and die by image performance. Product images are the biggest contributors to page weight, and large images slow down your store's Core Web Vitals, hurt your SEO rankings, and push mobile shoppers away before they even see your products. Compressing and optimizing your BigCommerce images is one of the highest- ROI improvements you can make to a store.

BigCommerce Image Size Recommendations

• Product images: 1280×1280 px is the recommended size for product images. BigCommerce automatically generates thumbnails from your main image, so you only need to upload the high-resolution version
• Banner images: full-width banners should be 1920×600 px to 1920×800 px. Retina displays benefit from 2× resolution, but this doubles file size — compress accordingly
• Category header images: 1280×400 px to 1280×600 px is typical for category headers
• Logo: 300–400 px wide PNG with transparency for the best appearance across device sizes

BigCommerce Image File Size Limits

• Product images: maximum 8 MB per image (the platform accepts up to this limit, but you should target under 500 KB for fast loading)
• Banner and background images: no hard limit, but target under 300 KB for full-width banner images to keep load times fast
• Recommended file sizes: product images 100–400 KB; banner images 150–300 KB; thumbnails 20–60 KB

Best Image Formats for BigCommerce

• WebP: the best choice for BigCommerce product images. WebP is 25–35% smaller than JPG at the same quality. BigCommerce themes support WebP natively
• JPEG/JPG: reliable fallback for all browsers. Use JPG at 80–85% quality for product photography
• PNG: best for graphics, logos, and images requiring transparency. Use PNG-24 with transparency for logos; PNG-8 for flat-color graphics
• AVIF: even smaller than WebP but less widely supported. Use as a secondary option if your target audience uses modern browsers exclusively

How to Compress Images for BigCommerce

1. Prepare your product images at 1280×1280 px usingImage Resizer
2. Open Image Compressor and upload your product images (supports batch upload)
3. Set quality to 80–85% for JPG images, or use WebP output for maximum compression
4. Download the compressed images and upload them to BigCommerce via the product image manager or bulk import

BigCommerce Image Optimization for SEO

BigCommerce allows you to set alt text for product images, which is critical for SEO. Beyond alt text, image optimization affects SEO in multiple ways:

• Page speed: Google's Core Web Vitals include LCP (Largest Contentful Paint), which is almost always a product image on e-commerce pages. Compressed images directly improve LCP scores
• Mobile first indexing: Google predominantly uses the mobile version of pages for indexing. Mobile pages with large images rank lower. Target under 300 KB per product image for mobile-optimized indexing
• Image sitemaps: BigCommerce auto-generates image sitemaps. Compressed, well-named images with descriptive alt text appear in Google Images search

Handling Existing BigCommerce Images

If your existing store already has large unoptimized images, you need to re-upload compressed versions. BigCommerce does not automatically compress images on upload. To bulk-optimize:

• Export your product catalog to identify all product image URLs
• Download each image from the BigCommerce CDN URL
• Batch compress with Image Compressor — upload multiple images at once and download as ZIP
• Re-upload compressed images to each product listing

BigCommerce Theme Image Settings

BigCommerce's Stencil themes include built-in image optimization settings in the theme configuration. Key settings to check:

• Product image dimensions: set in the theme config or Page Builder. Match your uploaded image resolution to the configured dimensions to avoid unnecessary server-side resizing
• Lazy loading: ensure your theme uses native lazy loading (loading="lazy") for below-fold images to improve initial page load speed

Compress all images before uploading to BigCommerce withImage Compressor — free, private, and runs in your browser. Optimized images load faster, rank higher, and convert more shoppers into buyers.