The Ultimate Guide: What Is the Best Way to Use Images in BigCommerce?
Images are the heartbeat of any e-commerce store. In the crowded digital marketplace, shoppers cannot physically touch, feel, or try on your products—so your visuals must carry that weight. If you are running a store on BigCommerce, you already have a powerful platform at your disposal. But the real question is: What is the best way to use images in BigCommerce?
The answer goes far beyond simply uploading a few product shots. It involves strategic optimization, leveraging built-in tools, maintaining visual consistency, and ensuring your images work with your SEO goals rather than against them. As an experienced merchant, I have spent countless hours testing and refining my visual strategy, and in this guide, I will share the exact methods that have produced measurable results.
Why Image Strategy Matters More Than You Think
Before diving into the "how," let’s address the "why." According to consumer behavior studies, over 75% of online shoppers rely on product photos when making a purchase decision. Unlike physical stores, where lighting, texture, and context help sell the product, your website must replace that sensory experience with a screen.
If your images load slowly, appear blurry on mobile, or fail to showcase multiple angles, you will almost certainly see a spike in cart abandonment. BigCommerce is built for speed, but if you upload 5MB image files, you are wiping out that performance edge. In short, the best way to use images is to optimize them for the platform, the user, and Google simultaneously.
Customize Your Product Image Sizes for Consistency
Set Global Aspect Ratio (Square is King)
One of the first things I recommend is heading to Storefront → Theme Settings → Product Images. Here, BigCommerce allows you to apply a global aspect ratio—most commonly 1:1 (square). Automatically cropping all product images to a uniform ratio creates a clean category grid. Nothing looks more unprofessional than a page where one product is tall and narrow while the next is wide.
This consistency not only improves user experience but also boosts your visual hierarchy. When I switched my entire catalog to a 4:5 (portrait) ratio for category pages, I noticed a subtle but significant increase in click-through rates. It’s worth experimenting, but consistency is the non-negotiable baseline.
Use CDN-Friendly Compression Tools
BigCommerce uses a built-in CDN (Content Delivery Network), which is excellent for serving images quickly to users across the globe. However, that speed is wasted if your image files are not compressed. The best workflow I have found is:
- Edit your images in Photoshop or Canva at exactly the dimension you need (e.g., 1080×1080 for squares).
- Export at the highest quality but with a .JPG or .WEBP format.
- Use a compression tool like TinyPNG or Squoosh before uploading.
By keeping images under 200KB per file, you maintain sharpness while drastically improving your PageSpeed score—a critical ranking factor on Google.
Single Product Images: Show, Don’t Just Tell
Multiple Angles & Zoom Features
The default BigCommerce product template allows for a nice zoom feature, but it only works if you feed it multiple, high-resolution images. I always upload at least 5–7 images per product. Here’s my exact breakdown:
- Shot 1: Main white background image (for Google Shopping feed).
- Shot 2: Lifestyle context image (product in use).
- Shot 3: Detail texture or material close-up.
- Shot 4: Scale reference (held in hand, or near an object).
- Shot 5: Back or alternate view.
- Shot 6: Dynamic angle that shows depth.
Remember, mobile users will dominate your traffic. Even good zoom features are clunky on mobile, so don’t rely on zoom as the only way to showcase detail. The sequence above covers your bases.
Alt Text & File Naming – Your Free SEO Weapon
This is where the "best way" becomes strategic. When you upload an image, BigCommerce offers an optional "Description" field, but more importantly, you must fill in the Alt Text. I cannot stress this enough: generically named files like IMG_2024.jpg are wasted opportunities.
Rules I live by include:
- Rename your files before uploading:
blue-cotton-twill-jacket-front.jpginstead ofIMG_2024.jpg. - In the Alt Text field, write a descriptive, natural sentence that includes the product name and its primary identifier. For example: "Men’s slim-fit blue cotton twill jacket with button front and chest pockets."
- Do not keyword-stuff. If you sell “handcrafted leather wallets,” your alt text should read naturally, not “leather wallet, buy leather wallet, best leather wallet.”
By doing this, you make each image an indexing asset. Google Images can now feed traffic to your BigCommerce store, which is often overlooked by merchants. Furthermore, if your images fail to load, the alt text serves as user-facing content—preventing lost sales.
The Power of Hierarchical Category Images
Most merchants only focus on individual product pages, but category images are another high-leverage opportunity. For each of your top-level categories, upload a high-quality banner or a set of thumbnails. On category pages, I use a "sticky" image that highlights the range (e.g., an assorted stack of cast iron skillets) right at the top.
This doesn't just look pretty—it provides a search signal. Additionally, ensuring the category images link back to the most relevant subcategories internally (using anchor text) helps distribute PageRank across your store. This is a part of solid internal linking that many BigCommerce users neglect.
Use HTML for In-Content Image Linking
BigCommerce's rich text editor allows you to insert images inside long-form product descriptions or blog posts. Here is a crucial insider tip: When you add an image in a blog post that relates to a specific product, always link that image to the product page. An image link is just as powerful as a text link in terms of SEO juice. I always wrap the <img> tag with an <a href> pointing to the product.
For example:
<a href="https://www.yourstore.com/product-page"><img src="image.jpg" alt="Related product"></a>
This reduces the friction of discovery for the shopper and provides a relevant internal link signal to the crawlers.
Optimize for Mobile-First Indexing
Google now uses the mobile version of your site for indexing and ranking. Thus, your images must not only be responsive but also optimized for mobile contexts. BigCommerce themes typically compress and resize images automatically for small screens.
However, to go the extra mile, I review my product images at 360px width on a smartphone. If the product doesn't read clearly at that size, I go back and re-shoot the image with the subject occupying more of the frame.
Additionally, you should be aware of the "Live Search" feature in BigCommerce. This feature, which is enhanced by the platform itself, uses an image index to call up products. Properly labeled images feed this AI-driven search, meaning your customers will find what they need faster when searching by visual representation.
Utilizing Video and GIFs as Image Placeholders
While your prompt focuses on images, the best strategy in 2025 uses "dynamic imagery." BigCommerce allows you to upload videos or GIFs to the product gallery. We all know that short product videos convert better—often by 30% or more.
Why? Because a video is effectively a series of moving images. For products with moving parts (e.g., a folding knife, a zipper bag, or a spinning fan), a 10-second looping video will outperform a static image. Use this feature to provide a holistic view while still maintaining heavy compression like MP4 H.264.
Avoid Image Clutter and Duplicate Content
There is also a "don't" element to consider. Do not upload 20 images if 7 will do. Overwhelming a visitor with too many repetitive angles creates choice paralysis. More importantly, do not duplicate the same image multiple times in different sizes just to "see what looks good." Duplicate images with the same alt text can confuse crawling engines.
If you have a large catalog, I recommend using the bulk image uploader and assigning a central naming convention that doesn't create duplicate slugs. Consistency in this area helps your backend stay clean and fast.
Final Verdict: Is There a Single "Best Way"?
The absolute best way to use images in BigCommerce is a matrix that combines uniformity, extreme file compression, keyword-rich metadata, and strategic linking. It’s not about choosing one technique. It’s about integrating these methods:
- Set your theme’s aspect ratio to ensure your catalog is visually consistent.
- Always rename files and write deep alt text for SEO.
- Use a 5-7 image sequence for storytelling.
- Link interactive images from blog posts back to product pages.
- Leverage the CDN with compressed files for faster load times.
- Add short videos where applicable.
When you treat images not just as "pretty pictures" but as functioning marketing assets, your BigCommerce store will see improved engagement, higher dwell time, and—ultimately—more converted sales. Take the time to audit your current image library today. Clean it up, compress it, and describe it fully. You will see the difference in the search console and, of course, in your bottom line.
