Updated Feb 2026

Shopify Image Sizes 2026

Complete Shopify image guide: product images, collection images, logo, slideshow, and banner dimensions for optimal store performance.

Quick Reference

Image Type Dimensions (px) Aspect Ratio Max File Size
Product Image 2048 × 2048 1:1 (Square) 20 MB
Collection Image 2048 × 2048 1:1 recommended 20 MB
Logo 450 × 250 Varies (width priority) 20 MB
Slideshow 3000 × 1800 5:3 20 MB
Blog Featured Image 1200 × 630 1.91:1 20 MB
Social Sharing (OG) 1200 × 630 1.91:1 —

Detailed Specifications

Product Images

Dimensions 2048 × 2048 px
Aspect Ratio 1:1 (Square)
Max File Size 20 MB per image
Format JPEG, PNG, WebP
Images per Product Up to 250 images
Pro Tips:
  • Use 2048×2048px for product zoom feature
  • Square (1:1) ensures consistent grid display
  • White background for main product shot
  • Upload high-res — Shopify auto-optimizes for web
  • Use WebP format for 30% smaller file sizes
  • Show product from multiple angles (6-8 photos ideal)

Collection Images

Dimensions 2048 × 2048 px
Aspect Ratio 1:1 or 3:2
Max File Size 20 MB
Best Practices:
  • Use lifestyle or category-representing images
  • Keep consistent aspect ratio across all collections
  • Ensure text overlays are readable (if using them)
  • Test on mobile — collections viewed on phones

Store Logo

Dimensions 450 × 250 px (max height)
Recommended 250px height, width varies
Format PNG (transparent background)
Logo Guidelines:
  • Use PNG with transparent background
  • Maximum height is 250px (width scales)
  • Upload at 2× resolution for Retina displays (500px height)
  • Keep logo simple — small text won't be readable
  • Test on both light and dark theme templates

Slideshow / Hero Banner

Dimensions 3000 × 1800 px
Aspect Ratio 5:3
Safe Zone (Mobile) Center 1500×1500px
Hero Image Tips:
  • Keep important content in center 1500×1500px
  • Edges may be cropped on different screen sizes
  • Use high quality images (3000px wide minimum)
  • Compress before upload — aim for under 500KB
  • Avoid text in images — use overlay text instead
  • Test on mobile, tablet, and desktop

Social Sharing (Open Graph)

Dimensions 1200 × 630 px
Aspect Ratio 1.91:1
Where It Shows Facebook, Twitter, LinkedIn links
Social Preview:
  • This appears when someone shares your store/product on social media
  • Use product image or branded graphic
  • Include text overlay with value proposition
  • Test with Facebook Sharing Debugger

Blog Featured Image

Dimensions 1200 × 630 px
Aspect Ratio 1.91:1
Blog Images:
  • Same size as social sharing for consistency
  • Used in blog post previews
  • Ensure image relates to article content
  • Compress for fast page load
💡
Performance Tip

Shopify automatically creates multiple image sizes from your uploads for responsive display. Upload at maximum size (2048×2048 for products) and Shopify handles optimization. Use WebP format when possible for 30% smaller file sizes. Compress images before upload using tools like TinyPNG to improve page load speed, which directly impacts SEO and conversions!