Product photo

hard convention

Product image

2048

2048×2048 Square format 1:1

This is the main photo on a product page. Use 2048×2048, weighing about 500 KB, so it looks right and loads fast.

This size is a hard convention: change it and something gets cropped or looks off.

Drop an image here

or pick a file to compare it with this size

Compress for this size

See this photo everywhere

For whoever builds the site

Square 1:1, 2048×2048 recommended by Shopify. The limits are hard: minimum 800×800 for zoom to work, maximum 5000×5000 / 20 MB. WooCommerce's default single size is 600 px wide. A uniform grid matters more than the exact number.

Ratio: 1:1
Desktop: 2048×2048
Range: min 800×800 (Shopify)
Target weight: ~500 KB
Format: WebP

<picture>
  <source type="image/webp"
    srcset="/images/producto-1024.webp 1024w,
            /images/producto-2048.webp 2048w"
    sizes="(max-width: 768px) 100vw, 1024px">
  <img
    src="/images/producto-1024.jpg"
    srcset="/images/producto-1024.jpg 1024w,
            /images/producto-2048.jpg 2048w"
    sizes="(max-width: 768px) 100vw, 1024px"
    width="2048" height="2048"
    loading="lazy" decoding="async"
    alt="">
</picture>

Official docs: Shopify Help (opens in a new tab) WooCommerce (opens in a new tab)