Glossary
/
product-image
E-commerce product image: definitions for packshot and gallery photos, SEO alt tags, Shopify, CDN, Google Shopping, conversion, and visual best practices.
Updated on
June 4, 2026
A product image (photo of the product) is the visual representation of an item sold online: packshot photo, lifestyle view, material detail, or short video. On a product page, it replaces the in-store fitting: the customer often decides based on the visuals. Quality, number of angles, and technical optimization (weight, alt, CDN) impact conversion, SEO, and Google Shopping.
Summary
Definition: packshot, gallery, main image
The product image refers to any visual media attached to an SKU or a variant in the product catalog.
Common types:
In practice, several elements must be taken into account. Main image (featured image): first view, used in collections, cart, and feed. Packshot: product alone, neutral background (white or gray), centered framing. Lifestyle: product in context (decor, model, real-world use). Detail / macro: texture, stitching, components. 360° view or video: rotation or demonstration (Shopify media). Variant image: different color or finish linked to the option. Infographics: dimensions, technical diagram on image background.
Common file formats: JPEG and PNG (photos), WebP or AVIF (web optimization), sometimes short GIF. File size influences the LCP (Core Web Vitals).
Useful distinctions:
In practice, several elements must be taken into account. Product image vs. collection image: the first illustrates an SKU; the second a marketing section. Product image vs. feed image: often the same URL, but the product feed may require GMC rules (no promo logo on photo). Product photo vs. branding visual: branding defines the style; the product image applies it by reference. Alt attribute (HTML) vs. visible caption: alt for SEO and accessibility; optional caption under the gallery. Product image vs. mockup: 3D render or template vs. real photo (dropshipping).
Why product images are important in e-commerce
Online, the customer does not touch the item. The product image carries the promise, reassures about the quality, and reduces returns for "does not match the photo."
In practice, several elements must be taken into account. Conversion: clear gallery = more add-to-carts (conversion). Trust: sharp, consistent, pro photos vs. generic supplier photos. SEO: Google Images, descriptive alt tags, relevant file names (ecommerce SEO). Google Shopping: clickable thumbnail in the carousel (Merchant Center). Social networks: Open Graph sharing, visual Meta ads. CRO: testing image order, zoom, video (CRO). Less friction: visual doubt = abandonment (purchase friction).
A product page with a single blurry photo or a cluttered background often underperforms compared to a complete gallery (front, back, detail, scale).
How to build a useful and reassuring product gallery
In practice, several elements must be taken into account. Sufficient resolution: high-definition square (often 2000 px per side for zooming); GMC requires minimums (see Google doc). Product visible: occupies most of the frame, no watermark. Consistent background: white packshot for catalog; lifestyle as a complement. 4 to 8 views: front, profile, back, detail, size context. Uniform lighting: no harsh shadows masking the product. Catalog consistency: same framing across the entire store. Alt text: "Grey cotton hoodie, front view" rather than "IMG_4521".
A good gallery starts with a highly readable main image. It must show the product unambiguously, with consistent framing and a background that does not distract. Secondary views then complete the decision: side angle, material detail, photo in use and, where helpful, a scale image.
The goal is not to add a lot of images, but to resolve any doubts the customer might have before purchasing. If an image clarifies neither size, material, nor usage, it risks slowing down the decision. Conversely, a consistent gallery reduces uncertainty and gives a more professional impression of the brand.
Product image management on Shopify
Shopify manages media in Products > [Product] > Media (Shopify Help Center).
In practice, several elements must be taken into account. Upload: drag and drop images, videos, 3D models (depending on the plan). Order: first image = main (collection, cart, feed). Variants: associate image with color/size option. Auto-resizing: Shopify serves sizes via CDN ( ?width=800 ). CDN URLs: cdn.shopify.com for global performance. Alt text: editable per image in the admin. Google Channel: main image syncs to GMC via feed.
In practice, several elements must be taken into account. Shooting or retouching according to the visual charter. Optimized JPEG export (80 to 85% quality, adapted dimensions). Upload + alt + variant link. Check mobile rendering (zoom, gallery swipe). Check GMC diagnostics if Shopping is active.
Useful apps: bulk retouching, watermark, AI generation (cautious use for product accuracy), enterprise DAM sync.
Technical optimization and common mistakes
Compress before upload: aim for lightweight files without visible loss in quality.
Lazy loading: Shopify themes load below-the-fold images asynchronously.
Responsive dimensions: let Shopify/CDN serve the appropriate size based on the device.
Descriptive file name before uploading if possible (marginal but clean SEO).
Avoid inline text in images for GMC and accessibility.
Sync feed = product page: identical image and price on Google Shopping and the website.
Test the zoom feature: customers want to inspect details before purchasing.
Common mistakes:
Uploading 4000 px images without compression (degrades mobile LCP).
Empty alt text or stuffed with non-descriptive keywords.
Lifestyle-only image without a clear product shot (potential rejection by Google Shopping).
Incorrect image assigned to a color variant.
Logo or promotional banner on the main feed image.
Stock photos identical to hundreds of dropshipping competitors.
The key takeaways about the product image
A product image is one of the most critical elements of an e-commerce page. It showcases the product, reassures the customer, supports image SEO, and feeds Google Shopping campaigns. A successful gallery combines a clear main image, multiple useful angles, visuals consistent with the brand, and technical optimization sufficient to not slow down the page.
Associated terms, FAQ, and going further
Associated Terms
Associated concepts allow linking this definition to related topics: Product page: central image gallery. CDN: rapid image distribution. Product feed: image export to GMC. HTML: img and alt tags. Product variant: image per variant.
FAQ
How many images per product on Shopify?
Shopify accepts multiple media types per product (images, videos). In practice, aim for 4 to 8 useful photos plus a video if relevant, without unnecessary duplication.
Does Shopify automatically resize images?
Yes. Shopify stores the original and serves adapted sizes via the CDN (cdn.shopify.com). Upload a high-quality image; the theme will request the required width. See Does Shopify resize images?
Which image for Google Shopping?
Use the main Shopify image: clear product, clean background, no promotional text, compliant with Merchant Center guidelines. Check the feed diagnostics.
Alt text: mandatory?
Not legally mandatory everywhere, but highly recommended for accessibility (screen readers) and image SEO. Describe the product and the view, without keyword stuffing.
Go further
Associated concepts allow linking this definition to related topics: Does Shopify resize product images? Product page optimization: UX tips. Optimizing a product page for conversion. How to add products in Shopify. Back to the Qstomy e-commerce glossary.
Sources: Shopify Help Center (Product media), Google Merchant Center (Image requirements).
Enzo
June 4, 2026
