eCommerce

Online Store Product Photo Guide: Sizes, Backgrounds and Compression That Sell

By Asad Ali ·

Product photos that sell follow simple rules: shoot larger than you display (2,000px+ on the longest side), keep backgrounds consistent, show scale and detail shots, and compress the web copy to roughly 150–350 KB. This guide gives the sizes, the phone setup, and the file workflow for a store that loads fast and looks professional.

13 min readLast updated

Online store product photo guide covering sizes, backgrounds and compression that sell

Product photos that convert follow four rules: the master photo is large (2,000 pixels or more on the longest side, so zoom works), backgrounds and lighting are consistent across the whole catalogue, each product gets context and detail shots as well as the hero, and the version uploaded to the store is compressed to roughly 150–350 KB so pages stay fast. None of that requires a studio — this guide shows the phone-based workflow small stores actually use.

Shoppers cannot touch your product, so the photo set does the touching for them: it proves quality, shows true colour and scale, and answers the doubt that would otherwise become a return. Weak photos are the most common self-inflicted wound in small eCommerce — and the most fixable. Work through the sizes, the shoot, and the file workflow in that order.

Sizes: Shoot Big, Display Right, Compress Last

Capture at the largest size your phone or camera offers and keep that file as your master — you can always derive smaller copies; you can never invent pixels later. Platforms and themes then need specific display sizes: most store themes show product images between 800 and 1,200 pixels wide, while marketplace zoom features typically require at least 1,000–1,600 pixels on the longest side to activate. The safe catalogue standard is a 2,000px master, a ~1,200px store version, and a thumbnail the theme generates itself.

Aspect ratio discipline matters as much as pixels: pick one ratio for the catalogue (square 1:1 is the most portable; 4:5 suits fashion) and crop every hero shot to it, so category pages form a calm grid instead of a jagged collage. The table summarises the working numbers.

ImageRecommended sizeFile weight targetNotes
Master (archive)2,000px+ longest sideFull size — never uploadKeep originals off the store
Store product image~1,200px wide150–350 KBCompressed JPG or WebP
Marketplace upload1,600–2,000pxPer platform rulesEnables zoom
Category thumbnail600–800px60–120 KBTheme usually auto-generates
Detail / texture shot~1,200px wide150–300 KBCrop from master, don't reshoot

The Phone Shoot: Light, Background, Consistency

Light is 80% of the result. Shoot beside the largest window you have, on a bright overcast day or with the sun diffused through a white shower curtain or sheet — soft light shows products honestly; harsh direct sun invents shadows and colour shifts. Turn off the room's yellow ceiling lights, which fight the daylight and produce a mixed colour cast no filter fully repairs.

Backgrounds: one consistent choice per catalogue. Clean white or light grey suits marketplaces and most stores; a consistent lifestyle setting suits brands selling a mood (homeware, food, gifts) — but pick one system, because a catalogue that mixes white cut-outs, kitchen tables and garden shots looks like three different shops. Use a tripod or a stack of books, the phone's 2x lens to avoid wide-angle distortion, and lock exposure on the product so a bright background does not silhouette it. Shoot the set in one session per batch: consistency comes from not re-inventing the setup.

Typical file weight of one product photo by stage (KB, illustrative) — hover or tap each bar for details.

Phone masterPhone master: 2.4k2.4kResized onlyResized only: 900900CompressedCompressed: 260260WebP versionWebP version: 180180

The One-Afternoon Shoot: A Session Plan That Works

Consistency is a scheduling decision before it is a photography skill. One blocked-out afternoon, one setup, every product — that is how small catalogues end up looking like they were shot by a studio. Here is the session plan in the order it actually runs.

Before you touch the camera (30 minutes). Clear and clean the shooting surface; steam, wipe or lint-roll every product — the camera finds dust and creases your eye forgives. Line products up in shooting order and put the shot list where you can see it. Set up the background and lights once, then take three test shots of your most colourful product and check them on the biggest screen you have: if the colour looks true there, the setup is locked and nothing moves again until the batch is done.

The shooting rhythm (per product, 3–5 minutes). Hero first, while the product sits exactly where the previous one sat — same distance, same crop marks on the surface if that helps. Then the 45-degree, then walk in for the detail shot rather than zooming digitally, then scale and in-use last, because those two need props or hands and break the rhythm if they come first. Glance at the last shot of each set before moving on: catching a blurred hero now costs ten seconds, catching it at upload time costs a reshoot.

The download rule. Move the files off the phone the same day, rename them while you still remember which is which, and back the masters up in a second place before any editing starts. Editing a copy is a choice; editing your only original is an accident waiting for a customer.

The Shot List Every Product Needs

Five angles cover nearly every product honestly: the hero (front, whole product), a 45-degree shot (depth and form), a detail close-up (material, stitching, finish — cropped from the master where possible), a scale shot (in a hand, beside a common object, or on a model), and an in-use shot (the product doing its job). Add packaging if it arrives gift-worthy, and a back/underside shot for anything where that side carries information.

This set answers the five questions that otherwise become emails, abandoned carts or returns: what is it, how big is it really, what is it made of, how does it look in life, and what exactly arrives. Stores that publish the full set consistently report the pattern every experienced seller knows — fewer questions, fewer surprises, fewer returns.

Colour Accuracy: The Quiet Returns Killer

More 'not as described' returns trace back to colour than to any other photo fault. A navy that photographs as black, a cream that renders as white — the shopper feels misled even when nobody intended it, and the return costs you shipping twice plus a product you may not resell at full price.

Three habits keep colour honest. First, give the camera a reference: include a plain grey or white card in the first frame of each lighting setup, then remove it — that frame lets editing software (and your own eye) judge what neutral looked like under that light. Second, check on a second screen: phone screens run vivid by default; view the final images on a laptop or a friend's phone before uploading, and treat any colour that changes character between screens as suspect. Third, compare against the physical product in daylight — hold the real item beside the screen near a window. If you would describe the two differently ('forest green' versus 'teal'), the photo is wrong, however pretty it looks.

One warning on editing: the sliders that make product photos 'pop' — saturation, vibrance, contrast — are precisely the ones that falsify colour. Edit for brightness and cleanliness, and leave the product's actual hue alone.

Common Photo Mistakes That Cost Sales

Four mistakes appear in almost every small catalogue audit. Supplier photos used unchanged — the same images every competitor shows, often at low resolution, telling the shopper there is no reason to buy from you specifically. One photo per product, which forces the shopper to imagine the back, the scale and the material — imagination that usually ends in an abandoned cart. Colours edited into fantasy — saturation pushed until the product glows — which converts directly into 'not as described' returns. And huge uncompressed uploads, covered above, quietly taxing every product page on the site.

Each mistake is understandable — time is short and photos feel like a pre-launch task rather than the product itself. But online, the photo set is the product as far as the buyer can tell. Stores that fix just these four, even with phone photography, routinely look a class above competitors with better cameras and worse discipline.

Fixing an Existing Catalogue Without Reshooting Everything

Most stores do not need a full reshoot; they need triage. Work in this order and stop when the returns stop:

  • Fix your top sellers first. The 20% of products that drive most revenue earn the full five-shot treatment. A single good hero for your best product is worth more than average photos across a hundred slow lines.
  • Mine your masters before reshooting. If you kept the original files, detail close-ups, tighter crops and straighter versions of existing shots are already sitting inside them — the shot list can often be completed from the archive.
  • Normalise what you have. Re-crop every hero to your chosen ratio, equalise brightness across the set, and re-compress to your weight targets. Uniformity alone makes a mixed catalogue look intentional.
  • Replace supplier photos where they hurt most: any product where the supplier image is your only photo AND the product gets traffic. Your own phone shot, honestly lit, out-converts the glossy generic one because it is yours.

The File Workflow: Rename, Convert, Compress, Describe

Files arrive from the phone as IMG_4832.heic and leave for the store as something a human and a search engine can use. Rename descriptively before uploading — 'oak-serving-board-30cm.jpg', not numbers — because file names are a small, real relevance signal and a big sanity saver in your own media library. Convert HEIC and other awkward formats with the converters on our free tools page (start with HEIC to JPG or images to WebP for the smallest web weight), then compress to the targets in the table using the workflow in our image compression guide. Finish with alt text that describes the product as a customer would search it — our accessibility checklist explains why that text matters for shoppers as well as search engines.

Uploading in bulk? The shop's WooCommerce product upload template is built to organise product data — image file names included — before it reaches the store.

What Better Photos Are Worth: An Illustrative Calculation

Photography budgets are easier to judge with numbers, so here is a worked example — deliberately simple, with every assumption stated so you can substitute your own. Take a small store with 3,000 product-page visits a month, an average order value of $60, and a 2% conversion rate: 60 orders, $3,600 of revenue. Now suppose the full photo treatment — complete shot sets, honest colour, fast-loading files — lifts conversion to 2.4% and cuts the return rate on photographed products by a quarter. Those improvements are assumptions for the calculation, not promised results; sellers commonly see movement in this direction because the photos answer the questions that stop checkouts, but your mileage will vary.

At 2.4%, the same traffic produces 72 orders and $4,320 — an extra $720 a month from the same visitors and the same ad spend. If returns were running at 8% of orders and fall to 6%, roughly one fewer return per month avoids its double shipping and restocking cost. Set against the cost of the fix — one afternoon per catalogue batch plus the workflow in this guide — the photography pays for itself quickly even at half the assumed lift, which is why experienced sellers treat photos as a revenue asset rather than a launch chore. Run the same arithmetic with your own traffic, order value and conversion rate before deciding how much photography your store can justify.

The same maths runs in reverse on marketplaces, where your photo set competes directly against near-identical listings in a search grid. There the hero image alone decides most clicks, and the zoom-enabled large file decides much of what happens after the click — one reason marketplace sellers often see a bigger effect from photography than stores with loyal traffic do. If you sell in both places, shoot once to the highest standard in this guide and derive both versions from the same masters; the only thing that changes is the export size.

The Pre-Upload QC Checklist

Sixty seconds per product, before anything reaches the store:

  • The hero matches the catalogue ratio and background system.
  • All five shots are present: hero, 45-degree, detail, scale, in-use.
  • Colour checked against the physical product in daylight.
  • File renamed descriptively, converted, and compressed to target weight.
  • Alt text written as a customer would describe the product.
  • Zoom test passed: the uploaded file still looks sharp at full size on a phone.

Photos are one half of a product page; the other half is the store around them. The Asad Webs blog covers store costs and platforms for the USA, UAE, Saudi Arabia and Spain when you are ready to upgrade the shop itself.

Planning a store and want the photography workflow set up properly from day one? Book a free consultation — we build online stores with image sizing, compression and alt text baked into the product process, so your catalogue looks professional and loads fast.

Frequently Asked Questions

What size should product photos be for an online store?

Keep masters at 2,000px or more on the longest side, upload store versions around 1,200px wide compressed to roughly 150–350 KB, and use 1,600–2,000px where a marketplace requires it for zoom.

Can I shoot good product photos with a phone?

Yes — window light, a consistent background, the 2x lens and a steady support beat expensive gear used carelessly. Light and consistency matter more than the camera.

Should product backgrounds be white?

White or light neutral is the safest default and a marketplace requirement in some categories. A consistent lifestyle background can work for brand-led stores — the sin is mixing styles within one catalogue.

Why are my product pages slow?

Usually uncompressed phone photos uploaded at full size. Resize to display size and compress — the workflow above typically cuts page weight by around 90% with no visible change.

How many photos does each product need?

Aim for five: hero, 45-degree, detail close-up, scale, and in-use. That set answers the questions that otherwise become support emails and returns.

How do I photograph shiny, reflective or transparent products?

For jewellery, glass and glossy packaging, light the surroundings rather than the product: a larger diffused light source (window with a white sheet) gives clean reflections instead of harsh hotspots, and a dark card placed just out of frame adds the edge definition transparent objects need. Shoot on a matte background and check the detail shot closely — fingerprints and dust show on reflective surfaces before anything else.

What if my products are too big for a tabletop setup?

Furniture, appliances and similar items are shot in place rather than on a backdrop: clear the surrounding clutter completely, shoot from the room's natural viewing angles with the window light behind you, and include one shot with a person or a familiar object for scale. The same rules still apply — one consistent setting, the five-shot list, colour checked in daylight.

Category: eCommerce

Tags: product photography · eCommerce · product images · image compression · online store

About Asad Webs

Asad Ali is a graphics designer with 20+ years of experience (working since 2003), based in Pakistan. He runs Asad Webs and writes its articles.

KEEP READING

Next guide

How to Write Product Descriptions That Sell: The Five-Part Formula →

Related articles

Join the conversation

No account needed. Comments appear only after approval. Your email address will not be published.

Be the first to share a useful question or thought.

You won’t be subscribed to any mailing list.
WELCOME BACK

Sign in

Access your orders, saved products and account.