Your hero image is the hardest-working pixel on the internet. It is the only photo shoppers see before they decide whether to click your listing — and on mobile, it might be smaller than a postage stamp. Your gallery images, by contrast, do the closing work: they answer questions, build confidence and remove the last objections before checkout.
Most sellers treat all their product photos the same way. That is a mistake. The hero and the gallery have completely different jobs, and getting the split right can lift click-through rates by double digits without changing your price, copy or ad spend. This guide breaks down how to choose your main product photo, how to structure the rest of your gallery, and the specific rules that apply across Shopify, Amazon, Shopee, Lazada and other marketplaces in 2026.
What is a hero image (and why it matters more than every other photo)
Your hero image — also called the main image, primary image or thumbnail — is the first photo of your product. It is what appears in search results, on category pages, in retargeting ads and in the cart preview. Every other image in your listing only gets seen after a shopper has already clicked, which means the hero image is the gatekeeper for all of your downstream traffic.
The numbers are striking. Over 90% of online shoppers say product images are the single most important factor in a purchase decision, and 56% explore images before they read any other listing content. High-resolution main images have been shown to deliver up to 33% higher conversion rates than low-resolution alternatives, and a single 28% increase in displayed image size has been linked to a 63% jump in conversions in published case studies.
Translation: the hero image is not where you experiment. It is where you optimise ruthlessly.
The job of the hero image
- Identify the product in one second. A shopper scrolling search results does not zoom in. If they cannot tell what the product is at thumbnail size, they keep scrolling.
- Signal quality and trust. Clean, sharp, well-lit photos communicate that the seller is professional before a single word is read.
- Win the click against the next listing in the row. Your competition is not just other brands — it is the other nine thumbnails in the same search result.
Hero image rules by marketplace
Marketplaces have hard rules for main images, and most enforce them automatically. Get this wrong and your listing can be suppressed before a shopper ever sees it. Here are the current 2026 specs you need to follow:
| Marketplace | Hero image background | Minimum size | Product frame fill | Text/graphics allowed? |
|---|---|---|---|---|
| Amazon | Pure white (RGB 255,255,255) | 1600 px on longest side (2000 px recommended for zoom) | At least 85% | No text, logos, watermarks or props on main image |
| Shopify | Seller's choice (white recommended) | 2048 x 2048 px recommended | Flexible | Allowed, but white background still converts best |
| Shopee | White or branded | 1024 x 1024 px minimum | Around 80% | Limited branding allowed |
| Lazada | Pure white | 1000 x 1000 px minimum | At least 85% | No text, badges or borders |
| eBay | White preferred, no borders | 1600 px on longest side recommended | Around 80% | No text, watermarks or seller logos |
| Etsy | Seller's choice (lifestyle accepted) | 2700 x 2025 px recommended | Flexible | Allowed |
Notice that Amazon, Lazada and eBay treat the hero image strictly — anything that looks like marketing is banned on the main shot. Shopify and Etsy give you more creative freedom, but white-background hero images still consistently outperform stylised ones in click-through tests on those platforms too. The reason is simple: shoppers process plain product photos faster, and faster recognition wins more clicks.
The mobile thumbnail test
More than 73% of marketplace traffic now comes from mobile devices. Most sellers still edit photos on a 27-inch monitor, then upload images that look great on desktop and unreadable on a 6-inch phone screen. This is the single most common reason for low click-through rates.
Before publishing any hero image, run the thumbnail test:
- Resize the image to 200 x 200 pixels.
- Look at it on your phone, in daylight, at arm's length.
- Ask: can someone identify the product category, the colour and the shape in under one second?
If the answer is no, the image fails. Common fixes: crop tighter so the product fills more of the frame, increase contrast against the white background, shoot the product at the angle that best shows its distinctive silhouette (a kettle from the side, not the top), and avoid props that confuse the outline.
How to choose between candidate hero images
You will almost always have several photos that could be the hero. Use this checklist to pick the strongest one:
- Silhouette test. The most identifiable angle wins. A shoe shot from the side beats a top-down view because the outline is more distinctive.
- Detail test. Can the shopper see the key selling feature (the strap, the screen, the texture, the colour) at small size?
- Compliance test. Is the background pure white, the frame fill correct, and is there nothing in the photo that breaks marketplace rules?
- Differentiation test. Pull up the search results for your category. Does your hero stand out from the row of competitors, or does it blend in?
The hero image that wins on all four tests is the one to publish. If you cannot decide between two options, run an A/B test — case studies have shown that even a small main-image change can deliver a 12% traffic lift and a sales increase of over 100% on Amazon.
What the gallery is for
Once a shopper clicks into your listing, the hero image's job is done. Now the gallery takes over, and its job is the opposite: to give the shopper every angle, detail and use case they need to feel confident enough to buy.
Research shows 60% of shoppers want to see 3 to 4 product images before deciding to buy, and 13% want 5 or more. Going below 4 images costs you sales. Going above 8 rarely adds value unless the product is complex.
The proven gallery template
A reliable structure that works across categories:
- Image 1 — Hero shot. Clean, white background, product front-on, fills the frame.
- Image 2 — Alternate angle. Side or three-quarter view to show depth and proportions.
- Image 3 — Back or detail close-up. Shows craftsmanship, materials, stitching, ports or texture.
- Image 4 — Scale reference. Either with a hand, a model or an everyday object so shoppers understand the actual size.
- Image 5 — Lifestyle / in-use shot. Product being used in a real environment to help the shopper picture themselves owning it.
- Image 6 — Infographic. Highlights key features or specifications with simple callouts.
- Image 7 — Packaging or what's included. Reduces "did I miss something?" hesitation at checkout.
Not every product needs all seven, but this order roughly matches the questions a shopper asks as they scroll. Lead with clarity, then build context, then close with confidence.
Common mistakes that cost conversions
- Using a lifestyle photo as the hero. It looks beautiful in your mood board but loses to a plain white-background photo in search results almost every time.
- Identical-looking gallery images. Five photos of the same angle add nothing. Each gallery slot should answer a different question.
- Inconsistent lighting and colour across the gallery. Mismatched white balance between hero and gallery shots is the fastest way to look unprofessional.
- Forgetting the scale shot. Buyers returning items because "it was smaller than expected" is one of the most common e-commerce return reasons. A single scale photo can cut that significantly.
- Overloading the hero with text or badges. On regulated marketplaces this gets you suppressed. Even on Shopify or your own store, it lowers perceived quality.
The hero-and-gallery workflow
For high-volume sellers, the trick is to shoot once and produce the full set efficiently. A repeatable workflow:
- Shoot every product against a clean white backdrop with consistent lighting (this becomes your hero pool plus a few gallery angles).
- Capture two or three lifestyle frames in a second mini-set with controlled, similar light.
- Pick the strongest hero candidate using the silhouette and thumbnail tests above.
- Edit the hero to marketplace specs (pure white background, correct frame fill, correct minimum dimensions).
- Resize and export the full gallery to the exact pixel dimensions each marketplace requires — different platforms expect different sizes, and uploading the wrong size means platforms re-compress your images and you lose sharpness.
This last step is where most sellers waste hours. A tool like PixelPrep lets you batch-resize a full set of product photos to the exact specs Shopify, Amazon, Shopee, Lazada and other marketplaces require, in one pass, without losing image quality. That way the hero shot you carefully optimised stays sharp when it hits the thumbnail grid.
Quick checklist before you publish
- Hero image passes the 200 x 200 thumbnail test on a phone.
- Hero shows the product from its most identifiable angle, filling at least 80–85% of the frame.
- Hero background and styling comply with the target marketplace's rules.
- Gallery includes at least 4 images, covering hero, alternate angle, detail, scale and lifestyle.
- White balance and lighting are consistent across all images in the gallery.
- Every image is exported at the correct pixel dimensions for each marketplace — no platform re-compression.
Choosing the right hero image is not about which photo you like most. It is about which photo earns the click in a tiny mobile thumbnail surrounded by competitors. Get that one image right, support it with a gallery that answers every buyer question, and your existing traffic will start converting harder — no extra ad spend required.