E-commerce Performance
WordPress & Shopify Image Optimization: Sizes, Formats, Compression
Slow product pages kill conversions. Here’s a practical, copy-paste guide to get blazing images on WordPress and Shopify—without losing quality.
Exact target sizes
- Hero banners: 1600–1920px width
- Product gallery: 1200–1500px longest side
- Thumbnails: 300–600px width
- Blog images: 1200px width
Best formats
- Photos: JPG (or WebP)
- Logos/icons with transparency: PNG or WebP
- Screenshots/UI: WebP (smaller) or PNG for crispness
Compression that keeps quality
- JPG: quality 75–85%
- PNG: keep transparency; consider converting to WebP
- WebP: visually lossless at 70–80% in most cases
Pro tip: Pre-compress before upload. Use our Image Compressor to shrink files in your browser—no uploads or watermarks.
WordPress quick wins
- Set theme image sizes to the targets above.
- Enable lazy-loading and responsive image srcset.
- Replace oversized hero images and re-compress media library culprits.
Shopify quick wins
- Upload WebP or high-quality JPGs at correct dimensions.
- Check your theme: lazy-load & responsive images should be on.
- Audit collection pages with many thumbnails—compress in bulk first.