Storefront image guide · reviewed August 5, 2026
Shopify product image size without the guesswork.
Choose a reusable master image, consistent aspect ratio, sensible file weight, and crop-safe composition for your active theme.
Quick answer
What is the best Shopify product image size?
There is no single pixel dimension that is perfect for every Shopify theme and product. Start with a large, sharp master image, keep a consistent aspect ratio across the catalog, leave crop-safe space, and preview the product page, collection grid, mobile layout, and zoom behavior in your active theme.
Shopify currently requires product and collection image files to be smaller than 20 MB. For performance, export a much lighter web version whenever possible while retaining enough detail for the actual display and zoom experience.
Platform rules and interfaces can change. Use the linked primary sources as the final authority, then test the result in the marketplace or storefront you actually use.
Master file strategy
Use one large master, then optimize for the web.
Keep a high-quality original outside Shopify so future crops and channels do not depend on a previously compressed file. Export a storefront version that is large enough for your theme, sharp on high-density screens, and light enough to load quickly.
Do not upscale a small source simply to reach a target number. A genuinely sharp image at a moderate size is more useful than a larger file with invented detail or visible compression artifacts.
- Archive the highest-quality original separately
- Export in sRGB for more predictable web color
- Choose JPEG or WebP for most photographic assets
- Use PNG when transparency or lossless detail is genuinely needed
Catalog consistency
Pick an aspect ratio your theme can repeat.
Square images are flexible for many catalogs, but portrait or landscape compositions can work when they suit the product and the theme. The important part is consistency: mixed ratios cause uneven grids and unpredictable crops.
Leave breathing room around the product and keep the focal area away from the edges. Theme cards, mobile screens, social previews, and collection tiles may all crop the same image differently.
- Square for flexible catalog grids
- Portrait for tall products and editorial layouts
- Landscape for wide kits, sets, or contextual scenes
- Consistent framing across products in one collection
Store speed and accessibility
Compress, describe, and test every image.
Large image files increase transfer weight and can delay the moment shoppers see the product. Use meaningful filenames, descriptive alt text for informative images, and compression that preserves visible product detail without carrying unnecessary bytes.
Test on a real mobile connection, not only a fast desktop. Confirm the product remains sharp, the page does not jump while images load, and zoom reveals useful detail rather than compression noise.
The right export depends on the theme, CSS crop, device density, number of gallery images, and product detail. Measure the page you have rather than chasing one universal size recommendation.
Before you publish
Shopify product image checklist
Use the same review for every product so the catalog feels intentionally art-directed.
- A high-quality master file is archived outside the storefront.
- The catalog uses a consistent aspect ratio and product scale.
- The subject remains clear in product, collection, mobile, and social crops.
- The storefront file is compressed without visible product-detail loss.
- Informative images have useful alt text; decorative images are treated appropriately.
- The final gallery was tested in the active theme on desktop and mobile.
Primary references