The ultimate reference guide to ALL Shopify image dimensions. From product photos to banners, collections, blogs, logos, and social sharing images - every size you need for a professional Shopify store.
| Image Type | Recommended Size | Aspect Ratio | Format | Notes |
|---|---|---|---|---|
| Product Images | 2048 x 2048 px | 1:1 | JPG, WebP | Main product photos with zoom capability |
| Banner Images (Desktop) | 1200 x 400 px | 3:1 | JPG, WebP | Homepage and page banners |
| Banner Images (Mobile) | 800 x 600 px | 4:3 | JPG, WebP | Mobile-optimized banners |
| Collection Images (Square) | 1024 x 1024 px | 1:1 | JPG, WebP | Collection thumbnails and grids |
| Collection Banners | 2800 x 1000 px | 2.8:1 | JPG, WebP | Full-width collection page headers |
| Blog Featured Images | 1920 x 1080 px | 16:9 | JPG, WebP | Blog post headers and thumbnails |
| Blog Thumbnails | 1200 x 800 px | 3:2 | JPG, WebP | Blog listing pages |
| Slideshow Images | 1600 x 1000 px | 16:10 | JPG, WebP | Homepage hero carousels |
| Hero Images | 1920 x 1080 px | 16:9 | JPG, WebP | Full-width hero sections |
| Header Images | 1280 x 720 px | 16:9 | JPG, WebP | Page headers and sections |
| Logo | 450 x 200 px | Varies | PNG, SVG | Header logo (transparent background) |
| Logo (Small) | 100 x 100 px | 1:1 | PNG, SVG | Mobile header and email |
| Favicon | 32 x 32 px | 1:1 | PNG, ICO | Browser tab icon (auto-resized) |
| Social Sharing (OG) | 1200 x 628 px | 1.91:1 | JPG, PNG | Facebook, Twitter, LinkedIn previews |
| Instagram Stories | 1080 x 1920 px | 9:16 | JPG, PNG | Instagram Stories sharing |
| Email Marketing | 600 x 400 px | 3:2 | JPG, PNG | Email header images |
| Thumbnail Images | 400 x 400 px | 1:1 | JPG, WebP | Small preview images |
2048x2048 for zoom
1200x400 desktop
Multiple sizes
1200x628 OG images
Product images are the most important images in your Shopify store. Shopify supports up to 5000 x 5000 pixels (20 megapixels), but 2048x2048 is the sweet spot for balancing quality and performance. Images under 1024x1024 will appear blurry when customers zoom in, reducing trust and conversions.
Pro Tip: Upload 5-8 images per product: 1 main photo, 2-3 additional angles, 1-2 detail shots, and 1-2 lifestyle images. Products with multiple images convert 40% better.
1200 x 400 px
Aspect Ratio: 3:1
800 x 600 px
Aspect Ratio: 4:3
Banner images need to work across different screen sizes. The 3:1 aspect ratio (1200x400) is the most popular for desktop banners. For mobile, consider using 800x600 (4:3) or separate mobile-specific images through Shopify 2.0 theme sections.
1024 x 1024 px
Aspect Ratio: 1:1
2800 x 1000 px
Aspect Ratio: 2.8:1
Collection images should be consistent in size and aspect ratio across your store. Square images (1024x1024) work best for grid layouts, while wide banners (2800x1000) are perfect for full-width collection page headers.
Complete Collection Image GuideThe featured image appears at the top of your blog post and in social media previews. The 16:9 aspect ratio is perfect for modern displays and social sharing.
Blog Thumbnails: Use 1200 x 800 px (3:2 ratio) for blog listing pages. This smaller size loads faster while maintaining quality.
Complete Blog Image GuideSlideshow images appear in homepage carousels and rotating hero sections. They need to be wide enough for desktop but not so large that they slow down your site.
450 x 200 px
100 x 100 px
32 x 32 px
Pro Tip: Use SVG format for your header logo when possible. SVG files are vector-based, so they scale perfectly to any size and usually have much smaller file sizes than PNG.
Open Graph (OG) images appear when someone shares your store on Facebook, Twitter, LinkedIn, or other social platforms. This is one of the most important images for social media marketing.
1080 x 1920 px
Vertical 9:16 aspect ratio for Instagram Stories sharing and mobile-first content.
600 x 400 px
Header images for email campaigns. Keep under 200 KB for fast email loading.
Recommended for: All product images, banners, collections (2025 best practice)
Recommended for: Product photos, banners, blog images (safe fallback)
Recommended for: Logos, icons, graphics with transparency
SVG is perfect for logos, icons, and simple graphics. Unlike raster formats (JPG, PNG), SVG files are vector-based and scale infinitely without losing quality.
Use SVG for: Logos, icons, simple illustrations. Don't use SVG for: Photographs, complex images.
Don't upload 5000x5000 pixel images and let Shopify handle the resizing. Pre-resize your images to the recommended dimensions for 2-3x faster loading.
Use Free Shopify Photo ResizerTarget file sizes:
Tools: TinyPNG, ImageOptim, Squoosh, or Shopify's built-in compression
Name your files before uploading for better SEO:
❌ Bad: IMG_1234.jpg, photo.jpg, image-1.jpg
✅ Good: blue-leather-wallet-front.jpg, mens-running-shoes-side-view.jpg
Descriptive file names help Google understand your images and can improve search rankings.
ALT text is crucial for accessibility and SEO. After uploading images to Shopify, add descriptive ALT text for every image.
✅ Good ALT text: "Blue leather bifold wallet open showing card slots and bill compartment"
WebP images are 30% smaller than JPG with better quality. Shopify fully supports WebP, and it's the best format for new stores in 2025. Most modern browsers support WebP (95%+ coverage).
Problem: Blurry, pixelated images on retina displays and when zooming.
Solution: Always use at least 2048x2048 for product images.
Problem: Slow page loading, high bounce rates, poor mobile experience.
Solution: Compress all images to under 500 KB before uploading.
Problem: Images get cropped differently, creating a messy, unprofessional look.
Solution: Use the same aspect ratio for all product images (1:1 square).
Problem: Using PNG for photos creates massive 2-5 MB files.
Solution: Use JPG or WebP for photos, PNG only for logos/graphics with transparency.
Problem: Bad for SEO, bad for accessibility, missed Google Image Search traffic.
Solution: Add descriptive ALT text to every image in Shopify admin.
Problem: Files named "IMG_1234.jpg" don't help SEO or organization.
Solution: Rename files to "product-name-description.jpg" before uploading.
3-5x
Properly optimized images load 3-5x faster than unoptimized images. Every 1-second delay in page load reduces conversions by 7%.
70%
70% of Shopify traffic is mobile. The right dimensions ensure sharp images on all devices without distortion or slow loading.
+40%
Products with 5+ high-quality images convert 40% better than single-image listings. Image quality directly impacts trust.
Google uses page speed as a ranking factor. Optimized images are one of the easiest ways to improve your PageSpeed score:
AI generates perfect Shopify images at any size automatically. No resizing, no compression, no format conversion - just perfect images ready to upload.
Generate images at exactly 2048x2048, 1200x400, 1920x1080, or any size you need
WebP format, perfect compression, under 500 KB file size - optimized for Shopify
Generate hundreds of product photos, banners, and collection images at $79/month
The best Shopify product image size is 2048 x 2048 pixels (1:1 square aspect ratio). This provides high enough resolution for zoom functionality and retina displays while keeping file sizes manageable when properly compressed to under 500 KB.
Shopify banner images should be 1200 x 400 pixels (3:1 aspect ratio) for desktop and 800 x 600 pixels (4:3 aspect ratio) for mobile. The 3:1 ratio is the most popular and works well across different themes.
For square collection images, use 1024 x 1024 pixels. For full-width collection banners, use 2800 x 1000 pixels. Square images work best for collection grids, while wide banners are perfect for collection page headers.
Shopify slideshow images should be 1600 x 1000 pixels (16:10 aspect ratio) or 1920 x 1080 pixels (16:9 aspect ratio). Keep them under 300 KB each and limit slideshows to 3-5 images for best performance.
Shopify hero images should be 1920 x 1080 pixels (16:9 aspect ratio) for full-width sections, or 1280 x 720 pixels for smaller hero sections. Use WebP or JPG format compressed to under 400 KB.
Images under 1024x1024 will appear pixelated and blurry, especially on high-resolution displays and when customers try to zoom in. This makes your store look unprofessional and can reduce conversions by 20-40%. Always use at least 2048x2048 for product images.
Yes, modern smartphones (iPhone 12+, recent Android) take photos at 3000+ pixels, which you can resize to 2048x2048. However, AI tools like Ailee can enhance basic phone photos with professional backgrounds, lighting, and perfect dimensions automatically.
Shopify does some automatic compression, but it's better to optimize before uploading. Pre-optimized images at the correct dimensions (2048x2048 for products, 1200x400 for banners) load 2-3x faster than letting Shopify handle massive 5000x5000 pixel files.
Aim for 5-8 images per product: 1 main photo, 2-3 additional angles, 1-2 detail shots, and 1-2 lifestyle/in-use images. Products with 5+ images convert 40% better than single-image listings. Shopify allows up to 250 images per product.
Use JPG or WebP for product photos (WebP is 30% smaller). Only use PNG for logos, icons, and graphics that need transparency. PNG files are 3-5x larger than JPG for photos, which slows down your store significantly.
Shopify allows images up to 5000 x 5000 pixels (20 megapixels) and 20 MB file size. However, uploading images this large is not recommended. Stick to 2048x2048 for products and compress to under 500 KB for optimal performance.
Use our free Shopify Photo Resizer tool for quick batch resizing. For even faster results, use AI to generate perfect images at the exact dimensions you need (2048x2048, 1200x400, etc.) without any manual resizing or compression.
Deep dive into product image requirements, optimization, and best practices for maximum conversions.
Read guideComplete guide to collection images, banners, and thumbnails for beautiful collection pages.
Read guideOptimize your blog post images for better SEO and social sharing with the right dimensions.
Read guideCreate stunning homepage slideshows with the right image dimensions and optimization.
Read guideMaster image compression, formats, and optimization techniques for lightning-fast stores.
Read guideResize and optimize your Shopify images instantly with our free online tool.
Try free tool