Shopify rewards (and penalises) page speed heavily — slow stores get downranked in Google search, get worse conversion rates, and incur higher ad costs. Product imagery is the single biggest factor in store speed because every product page loads multiple images at full resolution.
The right approach is 2048×2048 source resolution for zoom support, JPEG quality 85 for compression, and WebP conversion where your theme supports it. The website image optimiser on this site applies all three automatically to a whole product catalogue.
Banners and slideshows are wider but follow the same compression discipline — uncompressed hero imagery is the second-biggest cause of slow first-paint on Shopify.
Shopify sizes — quick reference
Every image type Shopify renders in its native UI, with the recommended dimensions, aspect ratio and format.
Listings
Product photo
2048×2048 · 1:1 · JPG
- Shopify recommends 2048×2048 for product imagery — supports zoom and retina rendering across themes.
- Compress to JPEG q85 — typically lands at 300–600 KB per image. WebP saves another 25–35%.
Profile & branding
Logo
450×450 · 1:1 · PNG
- PNG with transparency — Shopify themes typically render logos over coloured backgrounds.
- Most themes have a small (250×250) and large (450×450) version — upload both if your theme supports it.
Favicon
32×32 · 1:1 · PNG
- Shopify accepts 32×32 favicons by default. Upload a 512×512 source for retina and PWA installs.
Storefront
Slideshow image
1800×1000 · 1.8:1 · JPG
- Hero slideshow images load first — compress aggressively (q80–85) and serve as WebP if your theme supports it.
- Important content (text, CTAs) should sit in the centre 1000×1000 area to survive mobile crops.
Collection / category banner
1600×800 · 2:1 · JPG
- Used at the top of collection pages. 2:1 letterbox.
Shopify — general tips
- Compress every product image before upload. Bulk-compressing a 1000-product catalogue can cut total storefront weight by 60–80%.
- Convert to WebP where your Shopify theme supports it — most modern themes do. The website image optimiser handles this automatically.
- Use descriptive alt text for every product image — Shopify SEO weights alt text heavily for product discoverability.
- Strip metadata before upload. Product photos shouldn't carry GPS or camera serial-number data.
Frequently asked questions
- What is the best product image size for Shopify?
- 2048×2048 source, compressed to JPEG q85 or WebP q80. This supports zoom and retina rendering while keeping per-image file size under ~500 KB.
- Why is my Shopify store slow?
- Almost always: uncompressed product images. A 4000×4000 raw camera JPEG is 8–12 MB; the same image at 2048×2048 q85 JPEG is 400 KB. Multiply by every product on the page.
- Does Shopify support WebP?
- Yes — Shopify's CDN automatically serves WebP to browsers that support it, regardless of the source format you upload. Uploading WebP directly skips the on-the-fly conversion, marginally faster.
- What about animated product images?
- Shopify supports animated GIF and looping MP4 for product imagery. Animated assets are heavy — use only for the primary product photo, and keep duration under 5 seconds.
- Should I use Shopify's built-in compression?
- Shopify lightly recompresses on upload but doesn't change dimensions or aggressively reduce quality. Compressing before upload gives you finer control — use the website image optimiser to batch the whole catalogue.