Shopify Image Size Guide
Choose practical image dimensions for Shopify product photos, collection grids, banners, slideshows, and small catalog cleanup workflows.
Quick recommendation
Start with 2048 x 2048 for high-quality product pages, 1200 x 1200 for general collection grids, and custom wide dimensions for Shopify banners or slideshow sections.
Recommended Shopify image sizes
There is no single perfect Shopify image size for every theme. Use these dimensions as practical starting points, then check how your theme crops product cards and mobile banners.
Product pages, zoom-ready product photos, detailed catalog images
Use when the source photo is sharp and shoppers may inspect details.
Collection grids, general product cards, smaller stores
A good balance between consistency, quality, and lighter file weight.
Compact grids, lightweight storefronts, quick catalog cleanup
Useful when page speed matters more than deep zoom detail.
Shopify banners, slideshows, hero sections, theme blocks
Use the dimensions your theme actually displays, then preview mobile cropping.
Choose by where the image appears
A Shopify product image, collection card, variant photo, and banner can need different dimensions. Pick the size based on the first place shoppers will see the image.
Product image size
Use a large square output when the image is the main product photo. It keeps galleries predictable and gives themes a consistent source for thumbnails.
Collection image size
Collection grids look cleaner when product cards share the same aspect ratio. Square images are usually the safest default for mixed catalogs.
Variant image size
Match variant images to the main product image size so switching color, style, or material does not shift the gallery layout.
Banner and slideshow size
Use custom wide dimensions for banners. Crop can work, but keep important product details away from the edges.
Square vs wide Shopify images
Square images work best when Shopify needs repeatable product cards. Wide images work best when the theme section is meant to feel like a banner, hero, or editorial block.
- Use square images for product pages, product cards, variants, and collection grids.
- Use custom wide dimensions for banners, slideshows, and hero sections.
- Preview mobile cropping before uploading important banner images.
- Keep the main product centered when using crop mode.
Need to resize now?
If you already know the target size, use the single-image resizer for one photo or the bulk resizer for small catalog batches.
Open Shopify Image ResizerOpen Shopify Bulk Image ResizerCrop, contain, or pad?
The resize mode matters as much as the final pixel size. Choose it based on whether your Shopify image needs to fill the frame or preserve the full product.
Pad mode
Best when you need a square Shopify image but want the full product to remain visible. It may add white space around tall or wide products.
Contain mode
Best when preserving the source image shape matters. It keeps the full image inside the target dimensions.
Crop mode
Best when every image must fill the frame. It can cut off product edges if the source image is not centered.
Common Shopify image size mistakes
- Using different aspect ratios across one collection grid.
- Cropping product photos too tightly before checking mobile thumbnails.
- Upscaling a small source image and expecting a sharp 2048 x 2048 output.
- Using a wide banner crop for a product card that needs a square source.
- Forgetting that Shopify themes may crop desktop and mobile sections differently.
Build a consistent catalog
Consistency matters more than chasing one magic size. Pick one product image size for the catalog, use custom dimensions for theme sections, and keep originals in case you need to export another version later.
Related Shopify tools
Shopify Image Size Guide
Choose practical image sizes for Shopify product photos, collection grids, banners, and slideshows.
Open toolYouTube Thumbnail Preview Tool
Preview thumbnails in YouTube layouts and check size, ratio, format, and safe zones.
Open toolSRT to VTT Converter
Convert SRT subtitle files to WebVTT, then copy or download the VTT output.
Open toolAmazon Main Image Checker
Check main image size, white background, transparency, and product framing risks.
Open toolEtsy Listing Photo Checker
Preview thumbnail crops and review listing image size, ratio, and edge risks.
Open toolShopify Product Image Resizer
Resize product photos to square or custom dimensions locally in your browser.
Open toolShopify Bulk Image Resizer
Resize multiple Shopify product images to one output size in your browser.
Open toolFAQ
What is the best Shopify product image size?
A large square image such as 2048 x 2048 is a practical starting point for detailed product pages. Many stores also use 1200 x 1200 for lighter catalogs and collection grids.
Should Shopify product images be square?
Square product images are not required, but they often make Shopify collection grids, related products, and product cards look more consistent.
What size should Shopify collection images be?
If the collection card uses product-style thumbnails, 1200 x 1200 or 1024 x 1024 square images are practical. If your theme uses wide collection banners, use a custom wide size based on the rendered section.
What size should Shopify banner or slideshow images be?
Banner and slideshow images are usually wider than product photos. Use your theme's displayed section size as the target and check both desktop and mobile cropping.
How do I resize images for Shopify without cropping the product?
Use Pad or Contain mode when you need the full product to remain visible. Crop mode is better only when the product is centered and filling the frame matters more.
Can I resize Shopify images in bulk?
Yes. Use a bulk image resizer when multiple product photos should share one target size and resize mode before upload.