Product photos, collection images, banners, and slideshow at Shopify's recommended dimensions
Read more: Resize Images for Shopify
Shopify themes display images at specific dimensions depending on where they appear in your store. Uploading images at the recommended sizes prevents blurry photos, awkward cropping, and slow page loads. Here are the dimensions Shopify recommends for each image type.
| Image Type | Recommended Size | Aspect Ratio | Max File Size |
|---|---|---|---|
| Product image | 2048x2048 px | 1:1 (square) | 20 MB |
| Collection image | 1024x1024 px | 1:1 (square) | 20 MB |
| Slideshow / Hero banner | 1920x1080 px | 16:9 | 20 MB |
| Logo | 450x250 px | Varies | 20 MB |
| Blog post featured image | 1200x600 px | 2:1 | 20 MB |
| Favicon | 32x32 px | 1:1 (square) | 20 MB |
Shopify displays product images in grids on collection pages, search results, and the homepage. When all product images are square, every item in the grid aligns perfectly. Mix in a landscape photo or a portrait crop, and the grid breaks. Some products appear larger, some smaller, and the overall layout looks uneven and unprofessional.
Square images also scale predictably across devices. On a phone, a 2048x2048 image scales down to fill the screen width. On a desktop, the same image fits neatly into a multi-column grid. Shopify themes are built around this assumption, and fighting it creates more problems than it solves.
If your product photos are not naturally square, add padding or crop to 1:1 before uploading. A white or transparent background behind a centered product is the standard approach and works with every Shopify theme.
Shopify accepts images up to 20 MB, but that does not mean you should upload 20 MB files. Large images slow down your store. Page speed directly affects conversion rates and search engine rankings. Aim to keep product images under 500 KB after compression.
Shopify automatically generates multiple sizes from every image you upload. When a visitor loads your store on a phone, Shopify serves a smaller version. On a desktop with a high-resolution display, it serves a larger one. This responsive image system works well, but only if the source image is large enough.
If you upload a 600x600 product image, Shopify cannot generate a sharp 2048x2048 version from it. The image will appear blurry on high-resolution screens and in the product zoom view. Always upload at the maximum recommended size and let Shopify scale down as needed. Scaling down preserves quality. Scaling up destroys it.
Conversely, uploading a 6000x6000 image wastes bandwidth and storage without any visible benefit. Shopify will never display an image larger than your theme's maximum container width, which is typically around 2048 pixels. Uploading at 2048x2048 hits the sweet spot between quality and file size.
When setting up a new Shopify store with dozens or hundreds of products, preparing all images manually is tedious. Here is a workflow that keeps things consistent:
This workflow takes about 30 seconds per image. For a store with 100 products and 4 images each, budget about three hours for the full set.
Resize your product photos to Shopify's exact dimensions in seconds.
Try the Image Resizer free -->Shopify recommends 2048x2048 pixels for product images. Square images work best because they display consistently across all grid layouts and device sizes. The maximum file size is 20 MB per image, but aim for under 500 KB after compression for faster page loads.
Yes, Shopify automatically generates multiple sizes from your upload for different screen sizes. However, uploading at the recommended size ensures the best quality. Uploading too-small images results in blurry product photos, especially on high-resolution screens and in the product zoom view.
Upload as JPEG or PNG. Shopify automatically converts to WebP for browsers that support it, so you do not need to handle that yourself. Use JPEG for photographs because it produces smaller files. Use PNG only when you need transparency, such as product images on a transparent background.
Use the Image Cropper to crop your product photos to a 1:1 aspect ratio, then resize to 2048x2048 with the Image Resizer. This ensures consistent grid layouts across your store. If the product does not fill the square, add white or transparent padding around it.