Shopify Product Dimensions
Recommended size: 2048 × 2048 pixels
Shopify recommends 2048×2048 pixels for product images. This square format ensures consistent grid layouts across collection pages while providing enough resolution for Shopify's built-in image zoom feature. Shopify's image CDN automatically generates multiple responsive sizes from your upload, so the 2048px source serves everything from 200px thumbnails to full-size zoom views without you creating multiple versions.
Specifications
| Width | 2048px |
| Height | 2048px |
| Aspect Ratio | 1:1 |
| Platform | shopify |
| Category | ecommerce |
How Shopify's Image CDN Works
When you upload a product image, Shopify's CDN automatically:
- Generates responsive variants at multiple widths (100px, 200px, 400px, 600px, 800px, 1000px, and up to your original size)
- Serves WebP to supported browsers with JPEG fallback
- Applies appropriate compression based on the requested size
- Delivers images from edge servers worldwide for fast loading
Shopify's image_url filter and srcset attributes handle responsive delivery automatically in modern themes. Your 2048×2048 source image becomes the single source of truth — Shopify does the rest.
To access a specific size via URL, use Shopify's CDN URL pattern: append _WIDTHx before the file extension, e.g., product_800x.jpg.
Product Photography Best Practices
For Shopify stores, product images directly impact conversion rate. Key practices:
- White background: Use pure white (#FFFFFF) for main product images — this looks clean on any theme and is required for Google Shopping feeds
- Consistent sizing: All product images should use the same aspect ratio (1:1 recommended) for uniform collection page grids
- Multiple angles: Upload 4-8 images per product — front, back, detail shots, lifestyle/context shots, and scale reference
- Zoom quality: At 2048px, Shopify's zoom shows roughly 4x magnification on mobile — ensure your images are sharp enough for this
File format recommendation: JPEG at quality 80-90 for photographs. Shopify converts to WebP automatically for delivery, so your upload format only affects the source quality.
Impact on Page Speed and Core Web Vitals
Product images are typically the heaviest elements on Shopify pages. Optimization matters:
- Upload at 2048×2048 maximum — larger files slow upload processing and provide no benefit since Shopify caps served images at the upload size
- Use Shopify's built-in
image_tagorimage_urlLiquid filters — these generate propersrcsetandsizesattributes - Enable lazy loading for below-the-fold images (most modern Shopify themes do this by default)
- Aim for under 200 KB per served image at display size — Shopify's CDN usually achieves this with its automatic compression
- For the main product image (Largest Contentful Paint candidate), use
loading="eager"andfetchpriority="high"
Quick Tips
- → Upload at exactly 2048×2048 for zoom quality without excess file size
- → Use white backgrounds for main product images (required for Google Shopping)
- → Let Shopify's CDN handle responsive sizing — don't upload multiple sizes manually
- → Add loading="eager" to above-the-fold product images for better LCP scores
Frequently Asked Questions
What is the best image size for Shopify products?
2048×2048 pixels (1:1 square). This provides enough resolution for zoom functionality while maintaining consistent grid layouts. Shopify's CDN automatically generates smaller responsive versions from your upload. You don't need to create multiple sizes manually.
Does Shopify automatically optimize images?
Yes. Shopify's CDN automatically generates multiple sizes, converts to WebP for supported browsers, and applies compression. However, you should still upload properly sized source images (2048×2048 max for products) since Shopify won't upscale small images and the CDN can only work with what you provide.
Do I need a white background for Shopify product images?
A white background is strongly recommended for main product images. It looks clean across all themes, is required for Google Shopping feeds, and makes your product grid look professional. Use lifestyle/context shots with non-white backgrounds as secondary images in your product gallery.