The rule
Show the product the customer will receive
The most important quality of a product photo is accuracy. Colour, texture and size should match what arrives. Heavy filters or AI-generated scenes that change how a product looks can lead to disappointed customers and returns.
If you use AI or editing tools to remove a background or tidy dust, keep the product itself unaltered. If a lifestyle image is illustrative, don’t imply it shows a real customer’s result.
This is editorial guidance based on the official documentation listed below. We haven’t tested every feature hands-on, we don’t quote prices (check each provider’s current pricing page), and availability can depend on your plan, country, theme, app or plugin.
A simple home setup
Light: use a large window
Soft daylight from the side shows texture without harsh shadows. Avoid mixing daylight with coloured indoor bulbs, which makes colours hard to correct.
Background: plain and consistent
A sheet of white or neutral card curved from the table up the wall creates a seamless backdrop. Using the same background across products makes a catalogue look coherent.
Stability: keep the phone still
A small tripod or a stack of books keeps framing consistent between products and avoids blur in lower light.
Angles: answer the shopper’s questions
Front, back, side, detail of materials or labels, and one photo that shows scale — in a hand, worn, or next to a familiar object.
Context: one or two in-use photos
Show the product in a realistic setting so shoppers understand how it’s used, without exaggerating what it does.
Editing: correct, don’t transform
Straighten, crop, adjust exposure and white balance so colours match the real item. Check edits on more than one screen.
Make photos fast and accessible
Large images are a common reason product pages load slowly, and the main product image is often the page’s Largest Contentful Paint element. Export at a sensible size for your theme, compress files, and use modern formats where your platform supports them. web.dev’s images course explains the trade-offs.
Add descriptive alternative text that tells someone who can’t see the image what it shows — for example the product, colour and angle. The W3C’s images tutorial explains how to write it. Descriptive file names and alt text also help Google understand images, according to Google’s image SEO guidance.
If you list products in Google Merchant Center, check its image requirements; for example it doesn’t accept placeholder images or promotional overlays on the main product image.
Based on official documentation
How each platform handles product images
Image limits, formats and automatic resizing change; check the linked documentation and your theme.
- Built in
- Needs an eligible paid plan
- Via an app (may have its own fees)
- Via a WordPress plugin or extension
- Depends on your host
- Your responsibility
- Product image galleries
- ShopifyProduct media on each product (Built in)
- WixProduct media in Wix Stores (Built in)
- WooCommerceProduct image and gallery (Built in)
- Image delivery and resizing
- ShopifyServed by Shopify; theme controls display sizes (Built in)
- WixServed by Wix (Built in)
- WooCommerceDepends on hosting, theme and optimisation plugins (Depends on your host)
- Alt text
- ShopifyEditable per image (Built in)
- WixEditable in the editor (Built in)
- WooCommerceEditable in the WordPress media library (Built in)
Before you upload
Tick these off before you commit.
- Colours checked against the real product in daylight.
- At least one photo shows scale.
- Materials, labels or important details are visible up close.
- All photos in a product share the same aspect ratio for a tidy gallery.
- Files are compressed and sized for your theme.
- Each image has descriptive alt text.
Common questions
Keep exploring
Related guides
Platform guides
Official sources
Platform facts on this page reference the documentation below. Features, plans and availability change — check the provider before you decide.
- Shopify Help Center — Images in your online store
- Shopify Help Center — Products
- WooCommerce — Adding product images and galleries
- WooCommerce — Managing products
- Google Search Central — Google Images SEO best practices
- Google Merchant Center Help — Image link [image_link] requirements
- web.dev — Learn Images
- web.dev — Largest Contentful Paint (LCP)
- W3C WAI — Images tutorial (alternative text)