Technical Guide
Shopify Product Image Sizes: The Complete 2026 Guide
Wrong image sizes kill your Shopify store in two ways: blurry photos that look unprofessional, and oversized files that slow your page to a crawl. This guide covers every image dimension you need — product photos, collections, banners, and social sharing — with the exact pixel sizes that work in 2026.
By Prodofoto Team • 9 min read • Published March 1, 2026
Quick Answer
The ideal Shopify product image size is 2048 × 2048 pixels in square (1:1) format. This enables zoom on all devices, looks sharp on retina screens, and stays under the 20 MB file limit. Use WebP or JPEG format, keep files under 200 KB each, and maintain consistent dimensions across your entire catalog.
Shopify Product Image Sizes: The Numbers
Shopify accepts images up to 5000 × 5000 pixels and 20 MB per file. But "maximum allowed" is not the same as "recommended." Here are the specific dimensions that balance quality, zoom functionality, and page speed.
| Image Type | Recommended Size | Aspect Ratio | Max File Size |
|---|---|---|---|
| Product photo (primary) | 2048 × 2048 | 1:1 (square) | 200 KB |
| Product photo (portrait) | 2048 × 2560 | 4:5 | 250 KB |
| Collection image | 2048 × 2048 | 1:1 | 200 KB |
| Hero / slideshow banner | 2880 × 1000 | ~3:1 | 300 KB |
| Logo | 512 × 512 | 1:1 | 50 KB |
| Favicon | 32 × 32 | 1:1 | 5 KB |
| OG / social share image | 1200 × 630 | ~1.9:1 | 150 KB |
The 2048px sweet spot exists for a reason. It is large enough to enable Shopify's built-in zoom on desktop and look crisp on retina mobile screens. But it is not so large that it bloats your page load time. Going above 2048px adds file size without visible quality improvement on any current device.
The consistency rule: Every product image in your catalog should use the same dimensions and aspect ratio. Mixed sizes cause uneven grids on collection pages, which looks unprofessional and breaks visual scanning patterns. Pick one size and stick with it.
Aspect Ratios: Which One Should You Use?
Your aspect ratio determines how your product images display across collection grids, product pages, and search results. Choose wrong and Shopify will auto-crop your images — often cutting off important product details.
| Ratio | Best For | Pros | Cons |
|---|---|---|---|
| 1:1 (Square) | Most product types | Universal compatibility, clean grids | Tall products may look small |
| 4:5 (Portrait) | Fashion, bottles, tall items | More vertical space for product detail | Not all themes support it natively |
| 3:2 (Landscape) | Wide products, lifestyle scenes | Natural camera format, feels editorial | Inconsistent with square catalogs |
Our recommendation: Start with 1:1 (square) for your entire catalog. It works with every Shopify theme, every social platform, and every marketplace. If you sell primarily fashion or tall products, 4:5 portrait gives you more vertical real estate — but check that your theme handles it without awkward cropping first.
The same product page renders very differently on mobile vs desktop — your images need to work on both.
File Formats & Compression: WebP vs JPEG vs PNG
Choosing the right file format is just as important as choosing the right dimensions. The wrong format can double your file size without any visible quality improvement.
| Format | Best For | Typical Size (2048px) | Browser Support |
|---|---|---|---|
| WebP | Everything (default choice in 2026) | 80-150 KB | 97%+ of browsers |
| JPEG | Photos with complex color gradients | 120-250 KB | 100% |
| PNG | Logos, graphics with transparency | 400-800 KB | 100% |
| AVIF | Emerging option, best compression | 50-100 KB | ~92% of browsers |
The 2026 recommendation: Upload as WebP at quality 80-85. This gives you the best balance of file size and visual quality. Shopify will also auto-serve WebP to supported browsers even if you upload JPEG, but uploading WebP directly gives you full control over compression settings.
Never upload PNG for product photos. A 2048×2048 product photo saved as PNG can hit 600-800 KB — three to four times larger than the same image in WebP. PNG is for logos and graphics with transparency, not product photography.
Left: Properly compressed (WebP, 120 KB). Right: Over-compressed (JPEG quality 20, visible artifacts).
Mobile Optimization: Where Most Sales Happen
Over 70% of Shopify traffic comes from mobile devices. Your product images need to load fast on 4G connections and look sharp on high-density retina screens. Here is how to optimize for both.
- 1.Target 150 KB per image on mobile. A product page with 6 images at 150 KB each loads in under 2 seconds on a typical 4G connection. At 400 KB each, that same page takes 5+ seconds — and you lose 53% of visitors after 3 seconds (Google).
- 2.Use Shopify's responsive image srcset. Modern Shopify themes automatically serve smaller image variants to mobile devices. But this only works well if your original is 2048px — too small and the theme cannot generate clean downsized variants.
- 3.Test on real devices. Chrome DevTools mobile simulation is not enough. Borrow a mid-range Android phone and test your product pages on a real 4G connection. The experience gap between a flagship iPhone and a $200 Android is massive.
- 4.Lazy-load below-the-fold images. Only the first product image needs to load immediately. Images 2-8 should lazy-load as the shopper scrolls. Most modern Shopify themes handle this automatically, but verify in your theme's settings.
For a deeper dive into mobile-specific product photo optimization, see our guide on how product photos affect conversion rates.
6 Image Sizing Mistakes That Hurt Your Store
1. Mixing aspect ratios across products
Nothing looks more amateur than a collection page where product cards are all different heights. Pick one ratio and enforce it store-wide. If you have existing products with mixed ratios, batch-resize them all at once — it is worth the afternoon.
2. Uploading phone camera originals (4000+ pixels)
Modern phone cameras shoot at 4032 × 3024 or higher. These files are 3-5 MB each. Shopify resizes them on the fly, but the original still counts against your storage and the initial upload is slow. Resize to 2048px before uploading.
3. Using PNG for product photos
We see this constantly. A 2048×2048 product photo saved as PNG is typically 600-800 KB. The same image as WebP at quality 82 is 100-150 KB with no visible quality difference. That is a 5x size reduction for free.
4. Ignoring Shopify's zoom threshold
If your product images are below ~1600px on either dimension, Shopify's zoom either looks blurry or does not activate at all. Desktop shoppers expect to zoom into texture and detail. Without zoom, you are leaving conversion-killing gaps in your product experience.
5. No alt text on images
Image SEO is real. Google Images drives significant traffic to Shopify stores. Every product image should have descriptive alt text that includes the product name and relevant keywords. "IMG_4382.jpg" is not alt text.
6. Only having 1-2 images per product
Research shows that going from 1 image to 6-8 images per product dramatically increases conversion. The sizing guide does not help if you do not have enough images to fill your gallery. More variety — lifestyle shots, close-ups, scale references — means more reasons for shoppers to buy.
The same product photo in three formats — WebP wins on file size every time.
Generate Properly Sized Product Photos with AI
Manually resizing and optimizing images across your entire catalog is tedious. And the bigger problem for most Shopify sellers is not having enough images in the first place.
Tools like Prodofoto solve both problems at once. Upload a single product image and get back 4 AI-generated lifestyle variants — all properly sized at 1024×1024, ready for your Shopify product gallery. The generated images maintain consistent dimensions, so your collection grid stays clean.
The workflow takes 60 seconds per product. Instead of spending hours on a photoshoot and then more hours resizing images for different placements, you start with one clean product shot and end with a full gallery in the optimal sequence.
For a step-by-step walkthrough, check our Prodofoto tutorial or learn how to generate AI lifestyle photos in 60 seconds.
Stop Worrying About Image Sizes. Start Selling.
Prodofoto generates properly sized, conversion-ready product photos from a single image. 4 lifestyle variants, consistent dimensions, 60 seconds per product.
Frequently Asked Questions
What is the recommended Shopify product image size?
Shopify recommends 2048x2048 pixels for square product images. This is the sweet spot for zoom functionality on desktop and sharp rendering on retina mobile displays. The maximum allowed is 5000x5000 pixels with a 20 MB file size limit.
What aspect ratio should Shopify product photos use?
Square (1:1) is the safest default because it works across all Shopify themes without cropping. Some themes support custom ratios like 4:5 (portrait) or 3:2 (landscape), but 1:1 ensures consistency across your entire catalog.
What image format is best for Shopify product photos?
WebP is the best format for Shopify in 2026. It produces files 25-35% smaller than JPEG at equivalent quality. Shopify automatically serves WebP to supported browsers. Upload as JPEG or PNG and Shopify handles the conversion, or upload WebP directly for maximum control.
How do I enable zoom on Shopify product images?
Shopify enables zoom automatically when your images are at least 2048x2048 pixels. Most modern themes include built-in zoom on hover or click. If your images are below 1600px on either dimension, zoom will either look blurry or be disabled entirely.
Does image file size affect Shopify page speed?
Yes. Each extra 100 KB of image data adds approximately 0.2 seconds to page load on a 4G mobile connection. For a product page with 6-8 images, unoptimized photos can add 2-3 seconds of load time, which directly impacts conversion rates and Google rankings.
Should I resize images before uploading to Shopify?
Yes. Upload at exactly 2048x2048 (or your theme's recommended size) rather than 4000+ pixel originals. Shopify does resize images on the fly, but starting with properly sized originals gives you more control over quality and faster upload times.
What about collection and banner image sizes on Shopify?
Collection images: 2048x2048 (square) or 2048x1024 (landscape). Hero banners: 2880x1000 for full-width or 1920x800 for contained layouts. Slideshow images: 2560x1440 (16:9). Always check your specific theme's documentation.