Product Photos with a Phone: A Website Guide for Small Shops

Think of the fruit seller at the morning market you walk past every day. Her mangoes come from the same orchard as the stall next door, and the price is about the same. But every morning she wipes each one until it shines, turns the best side outward, lays them on the same sheet of green banana leaf, and cuts one in half so you can see the flesh inside. People stop at her stall first, every time, even though what's in the baskets is no different.

Your product page is your stall. The difference is that online, customers can't pick anything up, smell it, or feel its weight. All they have is the photo. If the photo is dark, tilted, shot on the dining table with the TV remote in the background, or every product was shot from a different angle in different light, the whole page looks like a stall nobody has set up yet, even when what you sell is as good as anyone's.

The good news is that product photos that are tidy enough for a website don't need an expensive camera or a studio. The phone in your hand, one window, a sheet of white foam board and a little discipline will take you further than you'd expect. In this piece I'll walk you through what we actually recommend to shop owners, from setting up the shot to preparing the files before they go on the site.

A five-minute check before you shoot anything new

Open your website's product listing page on your phone. If you don't have a website yet, open the album of product photos you post on social media instead. Scroll through quickly, the way a customer would, and ask yourself three questions.

First, does every product photo have the same background tone? Second, does each product fill roughly the same amount of the frame, or are some tiny in the middle while others spill over the edge? Third, if a customer never read a word of the description and only looked at the photos, would they know how big the item is?

If you answered "no" to two or more, don't worry. Most shops that have just moved from a social page to a website find exactly the same thing, because photos on a page are shot one post at a time, one day at a time, and never had to sit side by side in a grid. This piece is meant to make your next set line up neatly from the very first photo.

Why product photos matter more on a website than on a social page

On Facebook or Instagram, each photo lives with a caption, with comments, with the mood of that day's post. Customers look at one photo at a time. On a website, dozens of product photos appear together on the listing page. Inconsistencies you never notice one photo at a time become the first thing the eye catches once they sit in a row.

Google looks at your photos too. Google Search Central's image SEO best practices (last updated 2 March 2026) say that high-quality photos appeal to users more than blurry, unclear ones, and that sharp images are more appealing as result thumbnails, which can increase the likelihood of getting traffic. The same page recommends placing images near relevant text, which a product page does naturally.

Window light is the best equipment you already own

If I could pick one thing that changes product photos the most, I'd pick light, not a newer phone. Ceiling lights at home are usually a single bulb shining straight down, which puts hard shadows under the product and often tints the colour yellow or green depending on the bulb. The phone's flash fires straight at the product, turning shiny surfaces into white hot spots and the background into black.

What we recommend is a small table right next to a window that doesn't get direct sun, in the late morning or early afternoon. Turn off every light in the room, turn off the flash, and let the window light fall on the side of the product. If the sun is strong enough to make hard shadows, tape tracing paper or a thin white curtain over the glass to soften it. Then stand a second sheet of white foam board on the side opposite the window to bounce light back into the shadows. You can find foam board at most stationery shops, and it does a surprisingly good job of standing in for studio gear.

The other sheet of foam board becomes your backdrop. Lay one sheet flat and lean the other against the wall or a stack of books so the two meet in a gentle curve. The product will look as if it's sitting on seamless white. If your product is white itself, try light grey paper instead, so its edges don't melt into the background.

A tripod, or a stack of books, so every photo matches

Hands always shake. More importantly, hands never end up at the same height twice. If you shoot thirty products holding the phone yourself, the angle drifts a little with every shot without you noticing. Put them side by side and some look as if they were shot from above, others straight on.

An inexpensive phone tripod fixes all of this. If you don't have one, a stack of books on a second table works. Lean the phone against it, then use masking tape to mark two spots on the table: where the phone sits, and where the product sits. Every product from now on goes on the same mark. That's your shop's standard angle.

Three phone settings before you press the shutter

For iPhone, Apple's iPhone User Guide describes two tools that fit this job well. The first is Grid and Level: go to Settings, tap Camera, then turn on Grid and Level, and you'll see grid lines and a level on screen to help you centre the product and keep it straight. The second is AE/AF Lock: touch and hold on the product until you see AE/AF Lock, and the camera locks focus and exposure for the shots that follow. If the photo is still too dark or too bright, drag up or down next to the focus box to adjust exposure. Most Android phones also offer grid lines in their camera settings, though the menu names vary by brand.

The third setting is our own recommendation. Don't get too close with the standard lens, because objects close to a wide-angle lens look bulged and out of proportion. Step back a little and use the 2x zoom if your phone has it. The product will look closer to how the eye actually sees it.

The shots a product page really needs

Many shops take a single photo of each product, because on a social page that's enough. On a product page, though, customers always tap through to the next photo. They're trying to pick the item up in their head. The set we recommend for every product has four shots.

A straight-on shot on white is the main image used on the listing page, shot from your standard angle every time. A detail shot zooms in on the fabric, the stitching, the glaze on the ceramic, the ingredients label, or whatever customers keep asking about in chat. A scale shot shows the product in someone's hand, or next to something everyone knows the size of, like a coffee cup or a phone. This one answers the "how big is it?" question your admin answers every day. And an in-use shot, such as a mug with coffee in it, a bag on someone's shoulder, or cosmetics on a dressing table.

This set isn't just our preference. Google Merchant Center's help page on additional images (Merchant Center is the system shops use to list products on Google Shopping) recommends using additional images to show the product from different angles or being used, and allows up to 10 additional images per product. Your website doesn't have to follow every Merchant Center rule, but it's a useful ruler, because it's the standard Google applies to shops listing products on Google Shopping.

Crop everything the same way and the grid tidies itself

This is where most shops slip without realising it. Every photo looks fine, but the proportions differ. One is portrait, one is landscape, one is square. Once they're on the site, the page has to squeeze or trim them to fit the slot, and some products lose their top or bottom.

Our rule is to pick one aspect ratio and use it for every main image, for good. For most shops we recommend 1:1, a square, because it sits well in a grid on both phone and desktop screens, and if you ever want to list products on Google Shopping, the same photo works there. If your web team designed the image slots for a different ratio, follow theirs.

For how big the product should be in the frame, Google Merchant Center's product image requirements give a practical number: frame the product so it takes up no less than 75%, but not more than 90%, of the full image. The same page rules out watermarks, promotional text and graphic overlays on product images, and recommends images of 1500 x 1500 pixels or above, with a minimum of 500 x 500 pixels required for all products from 31 January 2027. To be clear, these are Google Shopping rules, not requirements for an ordinary website. But photos that meet them will look good almost anywhere.

Same photos, same crop, and the grid tidies itself.

Preparing the files before upload: three things that take minutes

Resize and compress

Photos from a recent phone are often several megabytes each. Upload them as they are and the whole page loads slowly. Google's image SEO page itself notes that images are often the largest contributor to overall page size. I've written about how website speed affects SEO rankings and online sales, including how quickly a slow page loses visitors.

What we recommend is keeping the originals in one folder and making web copies in another, resized so the long side is around 1500 pixels to match Google's recommendation. As for the file format, use whatever format your web team has set up. A well-built site usually converts images for you.

Give files names that mean something

Phone photos arrive with names like IMG_4821.JPG, which tell nobody anything. Google Search Central gives a clear example: a short but descriptive filename such as my-new-black-kitten.jpg is better than IMG00023.JPG. For a shop, I suggest lowercase English words separated by hyphens: the product name first, then the colour or model, then the type of shot, for example ceramic-mug-white-front.jpg and ceramic-mug-white-in-hand.jpg. The day you need to find an old file, you'll thank yourself.

Write alt text as if describing the photo to someone who can't see it

Alt text is the short description attached to an image. Screen readers read it aloud to people with visual impairments, and Google uses it to help understand what the image shows. Google's own example makes the point well: "puppy" is better, "Dalmatian puppy playing fetch" is best, and stuffing a string of repeated keywords is what not to do.

For a product, write what's actually visible in that photo as a plain sentence, for example "matte white ceramic mug, palm-sized, held in a woman's hand". Leave out the price, leave out words like "cheapest", and don't write the same alt text for every photo, because each shot shows something different.

"My photos already look good on my page. Why reshoot?"

This is the question I hear most, and honestly, many shops' page photos really are good. I'm not arguing with that at all. Photos taken while packing orders, customer review photos, a product styled with flowers in the shop: they do their job on social media very well, because they feel alive.

What I'd invite you to consider is that the job of a photo in these two places is slightly different. On a social page, a photo's job is to stop the scroll. On a product page, its job is to answer questions so someone can decide to buy. Keep your lovely atmosphere shots. Use them as the in-use photos in each product's gallery. It's only the main image in the grid that should be shot with the same angle and backdrop across the whole shop.

If time is the worry, I understand. But count it out: once the set-up stays in place, one product with four shots takes a few minutes. In one afternoon you can shoot dozens.

Why getting a system in place now pays off

Product photos have one habit that sets them apart from other website work: they accumulate. The first product you shoot at your standard angle makes the second one easier, because the tape marks are still on the table. The fiftieth still matches the first without any thought. On the other hand, a shop that shoots without a system and one day has a hundred products it wants to look like a set has to go back and reshoot everything, which is far more work than starting right.

Filenames and alt text are the same. Do them as you upload and they cost almost no extra time. Leave them for later and they become a big job nobody wants.

The smallest version you can start this Saturday

You don't need to reshoot the whole shop in a day. Start with your five to ten best sellers, because those are the pages people visit most. Buy two sheets of white foam board, find a window with good late-morning light, set the phone on a tripod or a stack of books, mark the table, and shoot each product through all four shots.

For editing, the photo app that came with your phone is enough. The Photos app on iPhone has built-in editing tools, and Google Photos on Android can crop, rotate, straighten and adjust brightness, so there's no need to install anything else. Set the crop to 1:1, adjust the light until the background is a clean white, and name every file by the same rule.

Real examples you can look up today

The tools mentioned here are real and you can open them right now. Grid, Level and AE/AF Lock are in the iPhone camera, as Apple's guide describes, and the same guide notes that after taking a photo you can use the editing tools in the Photos app to straighten it further. Google Photos has help pages covering cropping, straightening and light adjustment. Both come free with the phone.

Another example worth knowing: Google Merchant Center has a feature called automatic image improvements that tries to remove text, watermarks, overlays or logos from product images so they comply with its policies. But Google's own help page says the setting is off by default and may not resolve every issue, and if the system can't fix an image without lowering its quality, the original stays. To me, that's good evidence that shooting clean from the start is easier than hoping a system will fix it later.

If you'd like to see how community products moving from a shopfront to online sales use a website to tell their story, have a look at our piece on building a website for Ratchaburi OTOP products. And if you're thinking of using photos from other sources, I've covered image licensing separately in our guide to checking the terms on free fonts and images before using them on a business website.

A lesson from our own site: always check the live page

I don't have a client's before-and-after sales figures that I can share here, and I'd rather not make any up. What I can share is a lesson from TumWebSME's own website. When we rebuilt our site in 2026, the Google Ads conversion tag was already written into the code and went live with the site, but it wasn't actually running on the live site for about a week after our ads started running, because it sat in the wrong place. Clicks came in as normal, but conversions read zero. The lesson we wrote down: something that's in the code isn't finished until you've seen it working on the live site.

Product photos are the same. A photo that looks great in your phone's album might get its edges trimmed in the product slot, look darker on a desktop screen, or load slowly on mobile data. The only way to know is to upload it and open the real page on your own phone, on Wi-Fi and on mobile data, before calling it done.

If you want to know what else a good product page needs besides photos, our piece on the 10 essential website components every business needs covers the full picture.

A six-step starting plan

1. Pick five to ten best-selling products, and get two sheets of white foam board, a phone tripod or a stack of books, and masking tape.

2. Set up a table next to a window without direct sun, turn off the room lights and the flash, and mark the phone position and product position on the table.

3. Turn on Grid and Level, lock focus and exposure before shooting, and take four shots per product: straight-on, detail, scale and in use.

4. Crop every main image to the same ratio, with the product filling roughly 75 to 90% of the frame.

5. Make web copies with the long side around 1500 pixels, give each file a descriptive English name, and write alt text photo by photo.

6. Upload, then open the listing page and the product pages on your own phone before announcing that you're done.

How to tell whether the new photos are helping

The simplest way is to ask your admin. Two or three weeks after switching photos, are chat questions like "how big is this?" or "can I see a real photo?" coming in less often? If so, the scale and detail shots are doing some of your admin's work.

If your site has Google Analytics installed, compare product pages with new photos against pages you haven't changed yet. Are people staying longer, tapping the order or chat button more often? If you post product-page links on social media, tag them using the method in our guide to UTM parameters, and you'll see clearly which channel's visitors respond best to the pages with new photos.

One more place worth opening is Google Search Console. In the Performance report, set the search type to Image and you'll see whether more people are finding your site through Google Images once your filenames and alt text start to mean something.

And if one day you find your website doesn't yet have product pages good enough for these photos to do their job, because the image slots are too small, the crops come out wrong, or there's no website yet, you can see what's included in our website packages, with product pages designed around your shop's photos.

When it's worth hiring a photographer

I don't think a phone can do everything. Some products are genuinely hard to shoot yourself: small jewellery where the sparkle has to show, glass or stainless steel that reflects everything around it, clothing that needs to be worn by a model, or a homepage banner that has to tell the brand's story in a single image. For those, a photographer with studio lighting and experience will do much better.

Many shops split the work. They hire a photographer once a year for banners and the brand's main atmosphere shots, and shoot the grid photos that get added every month themselves, using the standard set-up above. If you do hire a photographer, ask them to set up the camera angle and backdrop for you and take a reference photo, so the new products you shoot yourself match the originals.

Closing

The fruit seller at the morning market doesn't have better mangoes than the stall next door. She just sets up her stall the same way every morning, wipes each one until it shines, turns the best side out, cuts one open so you can see inside, and does it again every day until customers remember her stall.

Your website's product photos are that same stall set-up. One window, two sheets of foam board, and the same camera angle every time. If you try it and get stuck somewhere, or you'd like us to take a look at whether your product pages are ready for these photos to do their work, just tell us about it. We'd be glad to think it through with you.

Follow TumWebSME

Follow us for insights on website development and online marketing:

• Facebook: TumWebSME Business Website Development

• Instagram: @tumwebsme

• TikTok: @tumwebsme

• YouTube: TumWebSME

Contact Us and Inquire About Services

• 088-983-9386 (Ploy)

• 099-856-3198 (Saennan)