Over 70% of Shopify traffic comes from mobile devices. Product images that look perfect on desktop may load slowly or display incorrectly on smartphones — costing mobile conversions. These are the exact specifications that balance quality and speed.
Updated: April 2026
Why Image Size Matters More on Shopify
Amazon and Etsy handle image delivery through their own infrastructure automatically. Shopify provides CDN delivery but your original upload quality sets the baseline. Oversized files create slow pages. Undersized files create pixelation.
The Problem
Most sellers upload at whatever size their camera produced — often 4–8MB files at 4000+ pixels. While Shopify handles some optimization automatically, oversized originals create unnecessary load time that directly hurts mobile conversion.
Who This Is For
Shopify store owners setting up product images. Sellers experiencing slow page load times.
Shopify Image Specifications
| Image Type | Recommended Size | Format | File Size Target |
|---|---|---|---|
| Product images | 2048×2048px | JPEG | Under 500KB |
| Collection images | 1024×1024px | JPEG | Under 300KB |
| Homepage banner | 1600×900px | JPEG | Under 500KB |
| Logo | 400px wide | PNG | Under 50KB |
The Counterintuitive Upload Rule
Upload at maximum quality — let Shopify's CDN handle compression. Pre-compressing images before upload loses quality without gaining load speed, because Shopify compresses again anyway. Upload at 2048×2048px JPEG at 90% quality and let the CDN serve appropriately sized versions per device.
Mobile Optimization
Check your Shopify store on a phone specifically. Square (1:1) images display most consistently across Shopify themes on both desktop and mobile. Non-square images may be cropped differently by different themes.
GreenOnion tip: Tools like GreenOnion can transform a single product photo into polished lifestyle scenes that match your store's aesthetic — no studio required.
Frequently Asked Questions
Does Shopify automatically convert images to WebP?
Yes — Shopify automatically serves WebP to browsers that support it (over 95% in 2026) when you upload JPEG or PNG. No manual conversion needed.
What's the maximum file size Shopify accepts?
20MB per image. In practice, aim for under 1MB to ensure fast load times.
Should I compress images before uploading to Shopify?
Light compression (90% JPEG quality) is fine. Heavy compression sacrifices quality without meaningful speed gains. Upload at full quality and let Shopify handle the rest.
Give your Shopify store a professional look
GreenOnion generates on-brand lifestyle and studio shots from a single product photo — ready for your product pages, collections, and ads.
Generate Shopify images freeRelated Articles
AI Background Generator for Shopify Product Listings (2026)
How AI background generators work for Shopify product listings — scene types, brand consistency, and generating backgrounds that match your store's visual identity.
ShopifyHow to Take Product Photos for Shopify Storefronts (2026)
Shopify gives you creative freedom that Amazon doesn't. This guide covers the platform-first strategy that determines every photography decision for Shopify stores.