Shopify Product Image Size: The Complete Guide

Getting your Shopify product image sizes right is one of the simplest ways to improve your store's appearance, loading speed, and conversion rate. This guide covers the exact dimensions, file requirements, and optimization practices you need for every image type in your Shopify store.

Shopify Image Size Requirements at a Glance

Here is a quick reference for Shopify's image specifications.

Recommended Shopify Product Image Dimensions

The ideal size for Shopify product images is 2048 x 2048 pixels in a square format. This resolution is large enough to support Shopify's built-in image zoom feature, which lets customers inspect product details up close, while keeping file sizes reasonable for fast page loads.

Square images are recommended because they display consistently across all Shopify themes. When your product grid uses square thumbnails, every image aligns perfectly regardless of the original photo's orientation. This creates a clean, professional storefront that builds buyer trust. If you upload rectangular images, Shopify will crop or letterbox them depending on your theme settings, which can cut off important parts of the product.

Shopify automatically generates a srcset of responsive image sizes from your uploaded original. This means the browser loads a smaller version on mobile devices and a larger version on desktop, optimizing both quality and speed without any extra work on your part. Uploading at 2048px gives Shopify a high-quality source to work from when creating those responsive variants.

Shopify Image Types and Their Sizes

Different areas of your Shopify store use different image sizes. Here are the recommended dimensions for each type.

• Product images: 2048 x 2048 px. Your main product photos and gallery images. Square format ensures consistent display in collection grids and product pages.
• Collection images: 1024 x 1024 px. The thumbnail or banner image shown on your collection (category) pages. Some themes display these as banners, in which case 1920 x 1080 px works better.
• Slideshow / hero banners: 1920 x 1080 px. Used for homepage slideshows and promotional banners. The exact display size is theme-dependent, so check your theme's documentation. The Dawn theme, for example, recommends 1920 x 720 px for slideshow images.
• Logo: 250 x 250 px. Upload as a PNG with a transparent background. Your theme may display it smaller, but 250px gives enough resolution for retina screens.
• Favicon: 32 x 32 px. The small icon shown in browser tabs. Upload as a PNG. Shopify will also use this for bookmarks and mobile shortcuts.

How Shopify Handles Image Resizing

When you upload an image to Shopify, it does not simply serve that exact file to every visitor. Shopify processes your images through its global CDN (Content Delivery Network) and applies several automatic optimizations.

Automatic format conversion: Shopify's CDN detects the visitor's browser and serves WebP versions to browsers that support it. WebP files are typically 25-30% smaller than equivalent JPEGs with no visible quality loss. You do not need to convert images to WebP before uploading.

Responsive srcset generation: From your single uploaded image, Shopify generates multiple sizes (for example, 100px, 200px, 400px, 600px, 800px, 1000px, and larger). Your theme's Liquid templates use these sizes in srcset attributes so the browser picks the right size for the viewer's screen. A phone on a cellular connection loads a smaller file than a desktop on broadband.

Theme-dependent display: How your images actually appear depends on your Shopify theme. The Dawn theme (Shopify's default free theme) uses a media-first product layout and displays images at different aspect ratios depending on the section. Other popular themes like Debut, Minimal, and Brooklyn each have their own image display logic. Always preview your product pages after uploading to confirm images look correct in your specific theme.

Optimizing Product Images for Shopify

Even though Shopify handles resizing and format conversion automatically, what you upload matters. Here are the key optimization practices for Shopify product photos.

Upload high-quality originals. Start with the best image possible. Shopify's compression works best when the source file is clean and sharp. A blurry or artifacted original will still look blurry after optimization.

Use JPEG for product photos. JPEG provides the best balance of quality and file size for photographic content. Save at 80-90% quality. Reserve PNG for images that require transparency (logos, icons). While you can upload WebP directly, JPEG is the safest default.

Write descriptive alt text. Every product image should have alt text that describes what is shown. Good alt text improves accessibility for screen reader users and helps your images rank in Google Image search. Instead of "IMG_4532.jpg," use "Navy blue cotton crew neck t-shirt front view." Shopify lets you add alt text directly in the product image editor.

Use clean white backgrounds. White backgrounds are the standard for ecommerce product photography. They keep the focus on the product, create a consistent look across your catalog, and perform best in Google Shopping feeds. For clothing, a ghost mannequin effect on a white background gives your products the polished, professional appearance that top Shopify stores use.

Keep file names descriptive. Rename files before uploading. Use descriptive, hyphenated names like blue-cotton-tshirt-front.jpg instead of DSC_0042.jpg. While Shopify does not use file names as heavily as alt text for SEO, clean file names help you stay organized and provide an additional relevance signal to search engines.

Shopify Product Image Size FAQ

For image size requirements on other platforms, see our Etsy listing photo size guide. You can also browse all of our ecommerce guides or learn more about ecommerce photography solutions from PixFocal.