Picovert

BigCommerce Image Size Guide 2026: Product, Banner & Logo

By Picovert Team2026-03-125 min read

BigCommerce has specific image guidelines for each image type, and uploading the wrong size leads to blurry product photos, misaligned layouts, or slow page loads that hurt your store's conversion rate. This guide covers the exact recommended dimensions for every BigCommerce image type in 2026 — product images, category banners, homepage hero images, logos, and favicons.

BigCommerce Image Sizes — Quick Reference

  • Product images: 1280×1280 px (square, 1:1) — recommended
  • Category banner: 1200×400 px (3:1 ratio)
  • Homepage hero / banner: 1920×600 px or 1920×800 px
  • Logo: 250×100 px (PNG with transparent background)
  • Favicon: 32×32 px or 16×16 px (ICO or PNG)
  • Max file size: 2 MB per product image (plan-dependent); up to 10 MB for other images
  • Supported formats: JPG, PNG, GIF, WebP

How BigCommerce Handles Images

Before diving into sizes, it helps to understand how BigCommerce processes uploaded images:

  • Auto-generated thumbnails: BigCommerce automatically generates multiple thumbnail sizes from your original upload — 80×80, 100×100, 160×160, 256×256, and 512×512 px. You upload once; BigCommerce handles the rest.
  • Akamai CDN: All images are stored and delivered via Akamai's global CDN, so images load fast for customers worldwide without any extra configuration.
  • Automatic WebP conversion: BigCommerce converts uploaded images to WebP and serves WebP to modern browsers automatically. Upload JPG or PNG — BigCommerce handles the WebP delivery.
  • Upload the largest version: Because BigCommerce generates thumbnails from your upload, always upload the highest quality version you have. You cannot upgrade quality after uploading a low-resolution image.

Product Image Size for BigCommerce

Product images are the most important images in your BigCommerce store. Getting these right directly impacts whether customers trust your product and make a purchase.

  • Recommended size: 1280×1280 px — the standard square format for e-commerce product photography
  • Square (1:1) ratio: BigCommerce default themes display product images in a square grid. Using a consistent 1:1 ratio across all products ensures a clean, professional-looking catalog.
  • Main product display: The main product image is shown at up to 608 px wide in default BigCommerce themes. Uploading at 1280 px provides 2× resolution for retina/HiDPI screens, ensuring sharp display on modern devices.
  • Auto-generated thumbnail sizes: BigCommerce creates thumbnails at 80×80, 100×100, 160×160, 256×256, and 512×512 px from your uploaded image. All of these are derived from a single upload.
  • Max 8 images per product by default in most BigCommerce plans.
  • White or neutral background for the main product shot — consistent backgrounds make the product grid look professional and cohesive.

If your product images are not square (e.g., wide banners or tall packaging shots), use the image cropper to crop to 1:1 before uploading. This prevents unexpected letterboxing or cropping in the product grid.

Category Image Size for BigCommerce

Category images appear as banners at the top of category listing pages, above the product grid. These are the first image customers see when browsing a section of your store.

  • Recommended size: 1200×400 px (3:1 aspect ratio)
  • Keep important text and focal content in the center 60% of the image — the left and right edges are cropped on narrow mobile screens.
  • File format: JPEG for photographic category images, PNG for text-heavy or illustrated banners.
  • Target under 300 KB to keep category page loading fast.

Homepage Hero / Banner Image Size

The homepage hero is the full-width banner at the top of your BigCommerce storefront. It is the first thing visitors see and the most performance-critical image on your store.

  • Recommended size: 1920×600 px for standard banners (3.2:1 ratio)
  • Tall hero variant: 1920×800 px (2.4:1) for themes with taller hero sections
  • Full-width at 1920 px covers most desktop monitors, including wide-format displays.
  • JPEG at quality 85 — keep the file under 500 KB for fast above-the-fold loading. A slow hero image directly increases your LCP (Largest Contentful Paint) score.
  • Keep your call-to-action text and focal subject centered — edge content will be cropped on smaller screens.

Use the image compressor to bring hero images under 500 KB before uploading. A well-compressed 1920 px JPEG at quality 85 typically lands between 200–400 KB with no visible quality loss.

Logo Size for BigCommerce

Your store logo appears in the header on every page of your BigCommerce store. A crisp, properly sized logo reinforces brand credibility.

  • Recommended size: 250×100 px — standard horizontal logo format for e-commerce headers
  • Format: PNG with transparent background — this ensures the logo looks correct on any header color (white, dark, colored).
  • SVG support: Newer BigCommerce themes support SVG logos, which scale perfectly at any resolution without file size concerns.
  • For retina displays: Upload at 2× (500×200 px) and the theme will display it at 250×100 px, ensuring sharpness on high-DPI screens.
  • Target under 50 KB for PNG logos.

Favicon Size for BigCommerce

  • 32×32 px (standard favicon, shown in browser tabs)
  • 16×16 px (legacy favicon for older browsers)
  • Format: ICO or PNG
  • Keep the design extremely simple — a full logo is unreadable at 16–32 px. Use a symbol or initials instead.

File Size Targets for BigCommerce Images

  • Product images: 100–300 KB (JPEG at quality 85, 1280 px)
  • Category banners: 150–400 KB
  • Hero images: 200–500 KB
  • Logo: under 50 KB (PNG)

BigCommerce's CDN delivers images efficiently, but the CDN does not recompress what you upload. Compressing before upload is the only way to guarantee fast delivery. Use the image compressor to hit these targets before uploading.

Performance Tips for BigCommerce Stores

  1. Product photos: JPEG at quality 85 is the sweet spot — customers can zoom in clearly, but the file stays small. Avoid uploading raw camera files or uncompressed exports.
  2. Infographic-style product images (with text overlays, callouts, or color swatches): use PNG to preserve sharp text and hard edges that JPEG would blur.
  3. Consistent 1:1 ratio across all products: a uniform product grid is one of the strongest signals of a professional store. Use the crop tool to standardize all product images before uploading.
  4. Use the image resizer to set images to exactly 1280×1280 px before uploading. Uploading oversized files (e.g., 4000×4000 px from a DSLR) wastes storage and adds unnecessary processing load.
  5. Compress before uploading: BigCommerce CDN delivers your files as uploaded. Unlike Shopify, BigCommerce does not automatically re-compress your images beyond WebP conversion, so file size at upload is file size in delivery.

Common BigCommerce Image Problems

  • Product grid looks uneven: Images have mixed aspect ratios. Standardize all product images to 1:1 (square) using the image cropper.
  • Product images look blurry on zoom: Images were uploaded at too low a resolution (under 800 px). Upload at 1280 px minimum — BigCommerce's zoom feature scales up to the uploaded resolution.
  • Page loads slowly: Hero or banner images are too large (over 1 MB). Compress and resize before uploading.
  • Logo looks blurry on retina screens: Logo uploaded at display size (250×100 px) rather than 2× (500×200 px). Re-export at double resolution.
  • Logo background visible on colored header: Logo saved as JPG (white background). Re-export as PNG with transparent background.
  • Category images crop badly on mobile: Subject or text placed too close to the edges. Keep focal content within the center 60% of the image.