Shopify stores live or die by product image quality. Correctly sized images load faster, improve your Google PageSpeed score, and make your products look professional — all of which directly affect conversions and SEO rankings.
Shopify image sizes — complete reference
| Image type | Recommended size | Format | Target file size |
|---|---|---|---|
| Product image | 2048 × 2048 px | JPG / WebP | < 500 KB |
| Collection image | 1024 × 1024 px | JPG / WebP | < 200 KB |
| Homepage banner / slideshow | 1600 × 800 px | JPG / WebP | < 300 KB |
| Blog post image | 1200 × 628 px | JPG / WebP | < 150 KB |
| Logo | 400 × 200 px | PNG / SVG | < 50 KB |
| Favicon | 32 × 32 px | PNG / ICO | < 10 KB |
Why product image size matters for Shopify SEO
Shopify uses Google's Core Web Vitals as part of its SEO guidance. The single biggest factor dragging down Shopify store PageSpeed scores is oversized, unoptimised product images.
- LCP (Largest Contentful Paint) — your hero product image is typically the LCP element. A 3 MB product photo causes LCP of 5+ seconds on mobile. Under 500 KB brings it under 2 seconds.
- Shopify CDN — Shopify serves images through its own CDN and auto-generates multiple sizes. Uploading at the correct maximum size (2048 px) means Shopify doesn't need to upscale.
- Zoom functionality — most Shopify themes use product image zoom. Uploading at 2048 × 2048 px ensures the zoom still looks sharp.
Resize your Shopify images now
Supported formats: JPG, PNG, GIF, WebP
Product image best practices for Shopify
- Use a consistent square ratio (1:1) for all product images. This keeps your product grid aligned and looks professional. 2048 × 2048 px is the sweet spot — large enough for zoom, small enough for fast loading.
- White background for product shots — Shopify themes and Google Shopping expect white (#FFFFFF) backgrounds for product images. It also makes images look consistent across your store.
- Use JPG at 85% quality for product photos on white backgrounds. The file stays small (typically 100–300 KB) and looks clean. Use PNG only if the product has a transparent background you plan to composite.
- Compress before upload — Shopify doesn't aggressively compress on upload. If you upload a 4 MB image, visitors download 4 MB. Always resize and compress first.
- WebP for banner images — Shopify themes support WebP. Use our JPG to WebP converter to cut banner image sizes by 25–35%.
- Name files with keywords — before uploading, name files descriptively (e.g.
blue-leather-wallet-mens.jpginstead ofIMG_4823.jpg). Shopify uses the filename for alt text defaults.
How many product images should a Shopify listing have?
Research consistently shows that 3–8 product images per listing is optimal. Include: a clean front shot on white, a lifestyle/context shot, detail/texture shots, and size reference if applicable. More than 8 images rarely improves conversion and slows the page.
FAQ: Shopify image sizes
What is the best product image size for Shopify?
2048 × 2048 px (square, 1:1 ratio), JPG at 85% quality, under 500 KB. This gives enough resolution for zoom functionality while keeping load times fast.
Does Shopify automatically resize images?
Shopify generates multiple smaller versions of each uploaded image for different display sizes. However, it does not reduce the file size of the original you upload. If you upload a 5 MB image, the original file is stored and used for the largest display size. Always resize and compress before uploading.
Should I use JPG or PNG for Shopify product images?
JPG for product photos on white backgrounds — smaller files, loads faster. PNG only for images with transparent backgrounds (logos, overlays, graphics). For maximum performance, convert both to WebP — Shopify themes support it and it's 25–35% smaller than JPG.
How do I improve my Shopify store's PageSpeed score?
The biggest win is image optimisation: resize product images to max 2048 × 2048 px, compress to under 500 KB, and convert to WebP format. This alone typically improves mobile PageSpeed scores by 15–30 points on image-heavy stores.