Picovert

Shopify Product Image Size Guide 2026: Dimensions, Format & Tips

By Picovert Team2026-05-065 min read

Product images are the most important visual element on a Shopify store. Customers cannot touch or try your product — your photos are the only way to communicate its appearance, quality, and value. Using the correct image dimensions and file sizes ensures your products look sharp in every view, load fast on mobile, and rank well in search results.

Shopify Product Image Dimensions 2026

  • Recommended upload size: 2048×2048 px (square). This is the standard for most Shopify themes and supports the built-in zoom feature
  • Minimum recommended: 800×800 px. Below this, zoom quality degrades visibly
  • Maximum accepted: 4472×4472 px, 20 MB — but you should never upload anything close to these limits
  • Aspect ratio: 1:1 (square) is strongly recommended for consistent product grid appearance. Shopify themes crop thumbnails to match the grid ratio, so off-square images may be cropped unexpectedly
  • Non-square products: tall products (clothing, bottles) work well at 2:3 (portrait). Wide products (furniture, artwork) work at 4:3. Pick one aspect ratio and use it consistently across all products

Recommended File Sizes for Shopify Product Images

  • Main product image: 200–500 KB. This is the primary image that loads when a customer opens the product page — it directly affects LCP (Largest Contentful Paint) and Google PageSpeed score
  • Additional product photos: 200–400 KB each. Multiple large images compound the total page weight quickly
  • Collection page banner: under 400 KB, typically 1200×800 px or wider
  • Hero/header banner: under 600 KB at 1920×1080 px
  • Logo: under 100 KB, PNG format for transparency, or SVG

Best Image Format for Shopify Products

  • JPEG: the best format for product photos. JPEG at quality 80–85 produces excellent results at 200–500 KB for a 2048 px image. Use for all photographic product shots
  • WebP: Shopify fully supports WebP. It's 25–35% smaller than JPEG at the same perceived quality. Upload WebP if you want the fastest possible load times
  • PNG: use only for logos, icons, and images with transparency. Never use PNG for product photos — PNG files are 3–5× larger than JPEG for photographic content
  • HEIC: Shopify accepts HEIC but converts it to JPEG automatically. You have no control over the output quality, so it's better to convert and compress yourself first using Image Converter

Shopify Thumbnail Sizes

Shopify automatically generates multiple thumbnail sizes from your uploaded product images. These are served at specific sizes depending on where they appear:

  • Cart: 100×100 px
  • Collection grid: 480×480 px (default Debut/Dawn theme)
  • Featured product section: up to 1024×1024 px
  • Product page zoom: the original upload size

Because Shopify generates these automatically, your job is to upload the highest quality version at the recommended 2048×2048 px — compressed to under 500 KB. Shopify scales down for thumbnails, but uses your original for zoom, so quality must be preserved in your upload.

How to Prepare Shopify Product Images Step by Step

  1. Resize to 2048×2048 px: use Image Resizer to scale and crop your product photos to 2048×2048 px. Center the product in the frame with some white-space margin around the edges
  2. Remove background if needed: white or clean backgrounds are standard for most product photos. Use background removal to clean up shots taken against non-white backgrounds
  3. Compress to under 500 KB: use Image Compressor with JPEG quality 80–85. Check that product edges, textures, and text on packaging remain sharp
  4. Convert to WebP for maximum savings: use Image Converter to convert your JPEG product photos to WebP for an additional 25–35% reduction before uploading to Shopify
  5. Name files descriptively: rename files before uploading.blue-linen-dress-front.jpg is much better than IMG_4521.jpg for both Shopify SEO and Google Image Search indexing
  6. Add alt text in Shopify: after uploading, go to the product in Shopify Admin, click the image, and add descriptive alt text. Include the product name, color, and material

Impact on Shopify PageSpeed Score

  • Unoptimized Shopify stores with large product images typically score 40–60 on Google PageSpeed Insights (mobile)
  • After compressing all product images to under 500 KB: typical score improvement to 70–85
  • A 1-second improvement in load time increases conversion rate by approximately 2–5% on e-commerce stores
  • Shopify's built-in CDN caches your images globally, but it serves the file size you upload — the CDN cannot fix an oversized image

Common Shopify Product Image Mistakes

  • Uploading camera RAW exports: a 24 MP photo is 6–15 MB. Always resize and compress before uploading
  • Using PNG for product photos: PNG product images can be 3–5× larger than the JPEG equivalent with no visible quality difference for shoppers
  • Inconsistent aspect ratios: mixing portrait and landscape photos in the same product grid looks unprofessional and causes layout issues in collection pages
  • No alt text: missing alt text means Google cannot index your product images for relevant searches, reducing organic traffic

Properly sized product images are one of the highest-ROI investments for a Shopify store. Use Image Resizer for dimensions, Image Compressor for file size, and Image Converter to switch to WebP for the best results.