Image quality and load speed are two of the most important factors in Shopify store conversion rates. Blurry product photos lose customer trust. Slow-loading stores drive shoppers away before they even see your products. This guide covers every image type in a Shopify store with the exact dimensions and optimization settings that maximise both quality and speed.
Shopify Product Image Size
Shopify recommends product images at 2048×2048 pixels in a perfect square format. This gives customers the best zoom experience when they hover or pinch on product images — they can see fine details like fabric texture, stitching, or engraving without the image becoming blurry. The maximum file size Shopify accepts is 20MB per image.
For practical purposes, 1000×1000 pixels is sufficient for most product images and keeps file sizes manageable. Use PNG for products on pure white backgrounds (it handles the clean cutout better), and JPEG at 80–85% quality for lifestyle product photos with complex backgrounds.
Shopify Hero Banner Size
Shopify homepage hero banners should be 1920×1080 pixels for full-width desktop display. On mobile, Shopify themes typically crop or scale these down — so keep important content (text, offers, key products) centred and away from the extreme edges. File size should be under 300KB for fast loading — use our compressor to achieve this without quality loss.
Shopify Collection Image Size
Collection images display in Shopify at various dimensions depending on your theme, but the recommended size is 1024×1024 pixels for square collections or 1200×800 pixels for landscape collection banners. Consistency is crucial — use the same dimensions and style for all collection images to create a professional, cohesive look.
Shopify Blog Image Size
Blog featured images in Shopify work best at 1200×628 pixels (approximately 1.91:1 ratio). This matches the Open Graph image standard, ensuring your blog posts look great when shared on social media and in link previews. For in-article images, use 1200px wide at whatever height suits the content.
Shopify Image Optimization Best Practices
Shopify stores with fast-loading images convert significantly better than slow ones. Target under 200KB per product image and under 300KB per hero banner. Convert product photos to WebP format for maximum compression efficiency. Always compress images before uploading — Shopify does not compress them automatically to the degree needed for optimal performance.
Frequently Asked Questions
Common questions about e-commerce image sizes and optimization.
What size should Shopify product images be?
Shopify recommends 2048x2048 pixels for product images to enable maximum zoom quality. For practical use, 1000x1000 pixels balances quality and file size effectively. Always use a square (1:1) format for consistency.
What is the best Shopify banner size?
The ideal Shopify hero banner size is 1920x1080 pixels for desktop displays. Keep important content centred and compress the file to under 300KB to ensure fast loading.
Should Shopify product images be PNG or JPEG?
Use PNG for products photographed on pure white backgrounds for clean, crisp cutouts. Use JPEG at 80-85% quality for lifestyle and complex background product photos to keep file sizes small.
How do I speed up my Shopify store images?
Compress all images before uploading using a tool like PixelForge's compressor. Target under 200KB per product image. Convert images to WebP format for 25-35% smaller files with no visible quality loss.
Compress Shopify Images Free
Free, instant, no signup required. No watermarks.
Use the Tool Free →