Shopify Product Photography Best Practices

Shoppers can’t pick up your product, so the photos do that job for them. Many Shopify stores still upload whatever they have: a supplier’s spec-sheet image, a phone shot on a kitchen counter, or a catalog where every product is lit differently. Good product photography isn’t about expensive gear. It’s a short list of specs, a consistent setup and a clear idea of which shot answers which question.

We build Shopify stores through our Shopify development service, so weigh that. Every fact below about Shopify and Google was checked against their own documentation in October 2026.

Short answer: Shoot every product the same way, near a window or in a lightbox, on a plain background. Upload square images at around 2048 x 2048 pixels, which Shopify says usually displays best, and keep one aspect ratio for all main images. Cover what a customer would check in a shop: the front, the other sides, a close-up, scale and the product in use. Write short, descriptive alt text. Let Shopify handle WebP and AVIF delivery, and make sure your theme never lazy-loads the first product image. If you list on Google, keep promotional text, watermarks and borders off the main image.

What Shopify and Google Document

As of October 2026, from Shopify’s and Google’s own documentation:

Sources: Shopify product media types, Shopify uploading images, Shopify taking product photographs, Shopify alt text, Google image SEO, Merchant Center image link, Merchant Center additional images, Google Core Web Vitals.

Shopify Image Technical Requirements (Get These Right First)

Get the specs right before you think about style. A good photo at the wrong size or shape still looks wrong on the page.

Recommended Resolution: 2048×2048 Pixels

Shopify doesn’t set 2048 x 2048 as a hard minimum. It says product images can be any size up to 5000 x 5000 px or 25 megapixels, must be under 20 MB, and that square product images usually display best at 2048 x 2048 px (source).

Treat 2048 x 2048 as a target, not a floor. Shoot larger, crop to square and export at around that size. Shopify creates smaller versions of each image for different parts of your theme, such as a large one on the product page and a compact one in collection grids (source). A larger source gives those versions, and any zoom, more detail to work with.

Shape matters too. Shopify says product images shown side by side on collection pages display at different sizes unless your main images share one aspect ratio. Pick one, usually square, and use it across the catalog.

File Formats: JPG vs. PNG — When to Use Each

Shopify’s help pages don’t fully agree. The product media page says the best file type for most product images is PNG, followed by JPEG (source). The images page says JPEG is ideal for photos with complex colors and lists products as a JPEG use, with PNG for logos, icons and graphics with transparency (source).

In practice:

• JPEG for ordinary product and lifestyle photos. Shopify says its lossy compression keeps files small without a noticeable loss in quality.
• PNG when you need transparency, such as a cut-out product on a colored section.
• HEIC and WebP uploads are accepted too, so phone photos don’t need converting first.

Whatever you upload, Shopify chooses the delivery format, sending WebP or AVIF to browsers that support them (source).

File Size Limits and Compression Without Quality Loss

The upload limit is under 20 MB per product image. If a file under 20 MB is still rejected as too large, Shopify says the cause is the megapixel count, so reduce the pixel dimensions (source).

On compression, Shopify’s pages pull in two directions. The images page says uploads aren’t compressed, you don’t need to compress first and you should upload the best quality you can (source). The photography guide suggests resizing for the web and aiming for 200 KB or less, while warning that over-compressing makes images blotchy (source).

Our reading: the CDN handles delivery, so don’t crush your originals, but don’t upload huge camera files either. A sensible routine:

• Resize to roughly 2048 px on the long side before upload.
• Export JPEG at high quality and check it at 100% for blotches.
• Save in sRGB. Shopify removes embedded color profiles on display and browsers assume sRGB, so another profile can shift color (source).
• Keep full-resolution originals outside Shopify for later re-exports.

Alt Text as Both Accessibility and SEO

Shopify calls alt text part of the product description. It shows if an image can’t load, and assistive technology reads it to visually impaired customers. Shopify recommends 125 characters or fewer, with a maximum of 512 (source). In the admin, open the product, click a media item and choose Add alt text. The media editor may suggest alt text where it’s empty, so read suggestions before accepting them.

Google says it uses alt text with computer vision and the page content to understand an image, and warns that keyword-stuffed alt text can make a site look like spam (source). Describe what’s in the picture: “Blue linen button-down shirt, front view” beats a list of keywords. Google also prefers short, descriptive filenames over names like IMG00023.JPG, so rename files before upload.

How Many Images Per Product (And Which Types)

Each image should answer a question a customer would otherwise ask. That’s a better guide than a fixed count.

How Many Images to Upload

We couldn’t find an official source for an ideal number of product images, so we don’t give one. What the platforms document is the room you have. Google Merchant Center takes one main image plus up to 10 additional images, commonly used for other angles or staging (source). Shopify’s photography guide suggests shooting multiple angles, because some customers want close-ups and others the straight-on view (source).

A simple product may need four images. A garment, a shoe or anything with moving parts usually needs more. Stop when the next image doesn’t answer a new question.

The 6 Image Types Every Product Page Needs

1. Main shot: a clean, front-facing view on a plain background. It’s the thumbnail on collection pages.
2. Back and side views: any angle a customer would turn the product to see.
3. Close-up: material, stitching, finish or pattern.
4. Scale reference: the product in a hand, next to a familiar object or on a model.
5. Lifestyle shot: the product in use, where it’s meant to be used.
6. Packaging shot (optional): what arrives. Merchant Center notes that showing packaging and box contents can help customers understand what they’re buying (source).

If your products come in variants, give each one its own image. Shopify supports adding images to product variants, and Merchant Center asks for a distinct image per variant that matches its exact color, pattern and finish (source).

Background and Lighting Setup

Background and light are where most home setups fall short, and both are cheap to fix.

White Background: Best for Catalog Clarity

Whether white is required depends on the channel, so check each marketplace’s own rules. Google Merchant Center doesn’t require white. Its main-image rules ask for a clean, unobstructed view of the item: no added promotional text, watermarks or superimposed logos, no borders, no placeholders and no products that aren’t sold with the main item. Google may also test subtle automatic cropping (source).

For your own store, Shopify’s photography guide recommends a pure white background so the product is the central focus (source). It also helps in other ways:

• Products look like one catalog.
• Nothing competes with the product.
• Cut-outs and edits are easier.
• One main image works in your store, on Google and in most ads.

Shopify suggests white poster board or a paper sweep, a roll that curves from the table up to the wall so there’s no visible edge, taped or clamped in place.

Lifestyle Backgrounds: When and Why to Use Them

A white-background shot answers “what is it?” A lifestyle shot answers “who is it for, and how does it fit into my day?” Most products need both.

Use lifestyle images as secondary product images, and in social and ad creative where context matters more. Merchant Center has a separate lifestyle image attribute for in-context shots, such as clothing worn by a model (source). Keep the main image clean and put context in the extras.

DIY Lighting: Window Light vs. Lightbox vs. Studio Strobes

Window light. Shopify’s guide starts here: a room with a window, other lights off and no harsh direct sun on the set. Put the table close to the window at 90 degrees to it, then try 45 degrees. Closer gives softer light with darker shadows; further away gives more even light (source). A white foam board on the shadow side bounces light back in. A black board deepens shadows, which helps a white product on white. Daylight changes with the hour, so shoot a batch in one session.

Lightbox. A fabric tent with white walls, lit by LED panels. It gives steady light for small and medium products at any time of day, which makes a growing catalog easier to keep consistent.

Studio strobes. The most control and the most repeatable results, but you need to understand exposure. Worth it once you shoot often or at volume.

Whichever you use, Shopify’s camera advice holds: keep the tripod in one place for the whole shoot, turn the flash off, use the highest image quality, set ISO to 100 if you can, and use optical zoom, not digital zoom, which only crops. To change angles, rotate the product rather than the camera, so framing stays the same.

Building or redesigning a Shopify store and need help structuring the product catalog? Our Shopify agency handles product page setup, image handling and store architecture as part of each build.

Mobile Optimization for Product Images

Phones change how images are framed and viewed, so check every product page on a phone.

How Images Render Differently on Mobile vs. Desktop

On desktop, the gallery usually sits beside the description with thumbnails underneath. On a phone, the main image tends to fill the screen width and customers swipe through the rest. That puts more weight on the first image: it has to show the product clearly at small size, without zoom.

Shopify notes that wide images can be cropped left and right on tall screens such as phones, and tall images top and bottom on wide screens. If a section crops your image, set a focal point in the admin so the important part stays in frame. Focal points work in Shopify’s newer free themes; check the docs for a third-party theme. Keep text out of banner and slideshow images, because it may be cropped or moved (source).

Zoom Functionality and How Image Quality Affects It

Zoom depends on your theme: some zoom on hover or click on desktop, and on phones customers pinch. Either way, zoom can only show detail that’s in the file. An image that’s sharp at screen size can look soft enlarged if the source was small.

That’s the case for uploading around 2048 x 2048 px or larger, within Shopify’s 5000 x 5000 px limit. Shopify sends a size that fits the screen, and the extra pixels are there when a customer zooms in on texture or finish.

Image Performance — Where Photos Kill Your Page Speed

Images are usually the biggest thing on a product page, which makes them the main speed risk.

Over-Sized Images and Core Web Vitals Impact

Largest Contentful Paint (LCP) is one of Google’s Core Web Vitals. Google says a good experience means LCP within the first 2.5 seconds of the page starting to load (source). Shopify’s theme performance guide says images are typically the LCP element on storefronts (source). On a product page, that’s usually the first photo.

Google’s image guidance names the trade-off: sharp images appeal more to users, but images are often the largest part of page size (source). Test product pages with PageSpeed Insights, which Google recommends for this.

WebP Format and Shopify’s Automatic Conversion

You don’t need to convert photos to WebP yourself. Shopify delivers WebP or AVIF where the browser supports them, and converts GIFs to animated WebP (source). Shopify’s image_tag and image_url Liquid filters also generate srcset and add width and height, which helps the browser pick a sensible size and avoids layout shift (source).

Upload good JPEG or PNG files and let Shopify handle the format. For email or ads made outside Shopify, export WebP yourself.

Lazy Loading and Image CDN on Shopify

Shopify serves images through its CDN, and themes lazy-load them, showing a smaller version first while the full image loads (source). That’s right for images further down the page and wrong for the first product image.

Shopify’s developer docs say never lazy-load the LCP image, load images in the initial viewport eagerly and mark the LCP image with fetchpriority="high" (source). The image_tag filter sets loading="lazy" automatically for sections further down the page, and Shopify says not to lazy-load images above the fold (source).

This usually goes wrong in apps and custom code: a gallery app that lazy-loads the first image, or hides it behind an animation. If you’ve added either, check the product page in Chrome DevTools.

Conclusion

Good Shopify product photography is a few habits. Upload square images at around 2048 x 2048 px in one aspect ratio. Use a plain background for the main shot, and add close-ups, scale and lifestyle shots that answer real questions. Write short, descriptive alt text. Let Shopify handle format delivery, and never lazy-load the first product image.

Treat photography as part of the product, not a launch task. When you add a product, variant or color, shoot it with the same setup as the rest of the catalog, starting with your best sellers.

You don’t need a studio. You need steady light, a clean background, a tripod and the discipline to shoot every product the same way.

Related Posts

• Shopify image optimization: speed and SEO for the images you upload
• Shopify product page best practices: where the photos sit on the page
• Shopify Core Web Vitals: fixing LCP when the hero image is slow
• Shopify store accessibility: alt text and the rest of an accessible store

Frequently Asked Questions

What size should product images be for Shopify?

Shopify says square product images usually display best at 2048 x 2048 px. Uploads can be up to 5000 x 5000 px or 25 megapixels and must be under 20 MB. Use one aspect ratio for all main images so collection pages line up.

Should I use white background or lifestyle photos for Shopify?

Both. Use a clean white or plain background for the main image, as Shopify’s photography guide recommends, and lifestyle shots as secondary images. If you list on Google, keep promotional text, watermarks and borders off the main image.

How many product images should I have per Shopify listing?

There’s no official ideal number. Cover the main shot, other angles, a close-up, scale and a lifestyle shot, then add more only where they answer a new question. Google Merchant Center accepts up to 10 additional images per product.

Do product photos affect Shopify SEO?

They can. Google uses alt text, filenames and page content to understand images, and warns against keyword stuffing. Images are often the LCP element on a product page, and Google recommends good Core Web Vitals, including LCP within 2.5 seconds.

Can I use my phone for Shopify product photography?

Yes. Shopify’s guide says a smartphone can give good results. Light matters more than the camera: shoot near a window with other lights off, use a white background and a reflector card, and keep the phone on a tripod in one position.

Can I use AI-edited or AI-generated product images?

Check each channel’s rules. Google Merchant Center requires images made with generative AI to carry metadata saying so, such as the IPTC DigitalSourceType tag, and says not to remove it. The image must still show the exact item being sold.