Home / Blog

Shopify product image sizes: dimensions, file size and consistency

By the Shoply Apps team · 20 October 2026 · 9 min read

The best Shopify product image size for most stores is a square image of about 2048 × 2048 pixels, compressed to a sensible file size and used at the same aspect ratio across every product. That combination looks sharp when shoppers zoom, stays crisp on high-resolution phone screens and keeps your collection pages tidy. This guide covers dimensions, aspect ratio, file size, formats, file names, alt text and the other images your store needs, with a checklist at the end.

What is the best Shopify product image size?

A square image of around 2048 × 2048 px is a widely recommended choice for Shopify product images. Shopify's help center has recommended 2048 × 2048 px for square product images; check its current guidance for maximum file and pixel sizes, as those limits can change.

Why that size works:

• Zoom. Many themes let shoppers zoom in or open a full-size view. A small image turns blurry the moment it is enlarged.
• High-resolution screens. Modern phones and laptops pack two or three device pixels into each CSS pixel, so an image displayed 800 px wide can need 1600 px or more of real detail to look sharp.
• Headroom without waste. Going far beyond 2048 px adds file weight that most shoppers never see.

Which aspect ratio should you use for Shopify product images?

Pick one aspect ratio and use it for every product image. Aspect ratio is the shape of the image, written as width to height: 1:1 is square, 4:5 is slightly taller than wide. Either works; consistency matters more than the choice itself.

• Square (1:1), for example 2048 × 2048 px, is the safe default. It suits most products and fits neatly in most theme grids.
• Portrait (4:5), for example 1600 × 2000 px, suits clothing, bottles and other tall products.

When images in the same collection have different shapes, the grid looks uneven. Some themes show each image at its own shape, so cards end up different heights. Others crop images to fit a fixed frame, which can cut off the top of a bottle or the toe of a shoe, or add blank bars around the image (called letterboxing). Many themes let you choose how images are cropped in collection grids, but that setting cannot rescue a catalogue of mixed shapes. The fix is to crop every image to the same ratio before you upload.

How big should Shopify image files be?

Keep each product image as small as you can without visible loss of quality. As a rough rule of thumb, a 2048 × 2048 px product photo saved as a well-compressed JPEG often lands somewhere between 200 KB and 500 KB. These are not Shopify limits, just a sensible target; a detailed photo will be heavier than a plain one.

File size is the amount of storage the image takes up, in kilobytes (KB) or megabytes (MB). A photo straight from a modern phone or camera can be several megabytes and much larger in pixels than you need. Two steps fix most of that:

1. Resize the image to your chosen dimensions, for example 2048 × 2048 px.
2. Compress it with an image editor or an online compression tool, then compare it with the original at full size. If you cannot see a difference, keep the smaller file.

Shopify's CDN (content delivery network, the servers that deliver your images to shoppers) generally creates resized copies of each image and serves modern formats such as WebP to browsers that support them. That helps a lot, but it works from your original, so a lighter, well-prepared original is still the best starting point. Faster pages matter: slow-loading product pages are a common reason shoppers give up, and image weight is one of the easiest things to control. For more speed and trust fixes, see how to increase your Shopify conversion rate.

How much page weight can compression save? A worked example

Here is an example product page with 8 images. The numbers are illustrative, not measurements from a real store.

Saving = 32.0 MB − 2.8 MB = 29.2 MB
Reduction = 29.2 ÷ 32.0 = about 91%

Shoppers will not normally download all 32 MB at once, because Shopify's CDN generally serves smaller resized copies in grids and thumbnails. But full-size views such as zoom and lightbox galleries can request much larger versions, and on a slow mobile connection the difference between a 4 MB and a 350 KB image is noticeable.

Which image format should you use: JPEG, PNG or WebP?

Use JPEG for product photos, PNG for graphics that need a transparent background or sharp edges, and WebP if your editing tools export it well. Shopify accepts common formats including JPEG, PNG and WebP; check its help center for the full current list.

How should you name image files before uploading?

Give each file a short, descriptive name in lowercase with hyphens between words, before you upload it. For example, sage-stoneware-mug-350ml.jpg is far more useful than IMG_4821.jpg.

• Describe what is in the image: product, colour, size or angle (sage-stoneware-mug-350ml-side.jpg).
• Use hyphens, not spaces or underscores.

Descriptive names make your files easier to manage and give search engines a small extra clue about the image. Rename files on your computer first, so each image goes in with the right name from the start.

How do you write alt text for product images?

Alt text is a short written description of an image, read aloud by screen readers and used by search engines to understand the picture. In Shopify you can add it to each image in the product's media section.

Describe what the image actually shows, in plain words, in about one sentence: "Sage green stoneware mug, 350 ml, shown from the side with a matte glaze." Do not start with "image of", and do not repeat the same text on every image of the product. For titles, descriptions and alt text together, follow our Shopify product page SEO checklist.

How should you set up variant images?

Upload at least one image for each colour or style and link it to that variant, so the main image changes when a shopper picks an option. In Shopify, each variant can be assigned an image from the product's media.

• Shoot every colour from the same angle, with the same lighting and framing, so switching variants looks smooth.
• Use the same aspect ratio and dimensions for every variant image.
• Name files by variant (sage-stoneware-mug-350ml-blue.jpg) and write alt text that mentions the colour.

What sizes do collection banners, logos and other store images need?

Sizes for images outside the product page depend on your theme and the section you put them in, so check your theme's documentation or the hints shown in the theme editor.

Wide banners are often cropped differently on phones than on desktops. After uploading, preview every banner on a phone and adjust the focal point if your theme offers one.

What images does Google Shopping need?

Google Shopping needs a main image that shows the product clearly, without promotional overlays such as "SALE" text, watermarks, logos added on top or borders. Google Merchant Center can disapprove products whose images break its rules, so check its current image requirements before you sync your catalogue.

A plain or light background, the whole product in frame and sharp focus are a safe choice for your first image. Images are only one part of a healthy product feed; see Google Shopping on Shopify: GTIN, brand and product category for the rest.

Shopify product image checklist

Run through this before uploading new products, and once in a while across your whole catalogue:

1. Every product has at least one image.
2. All product images use the same aspect ratio (square 1:1 or one portrait ratio).
3. Images are around 2048 px on the longest side, or close to it.
4. Files are compressed with no visible quality loss.
5. JPEG for photos, PNG for graphics needing transparency.
6. File names are descriptive, lowercase and hyphenated.
7. Every image has alt text that describes what it shows.
8. Each colour or style variant has its own linked image.
9. The first image shows the product clearly, with no promotional text or watermark.
10. Banners and hero images have been previewed on a phone.

Missing images and missing alt text are easy to overlook in a large catalogue. They are part of the content checks in our monthly Shopify catalog health checklist, and they are two of the problems Shoply: Item Scan & Analytics, free on the Shopify App Store, flags across every product.

Getting the size right only helps if the photo itself is good. For lighting, backgrounds and shooting on a budget, read our guide to Shopify product photography.

FAQ

What size should Shopify product images be?

A square image of around 2048 × 2048 pixels is a widely recommended choice. It stays sharp when shoppers zoom and on high-resolution screens. Check Shopify's help center for its current maximum file and pixel sizes.

Should Shopify product images be square?

Square 1:1 images are the safest default because they fit most theme grids, but a portrait ratio such as 4:5 also works well for tall products. What matters most is using the same ratio for every product image.

Does Shopify compress images automatically?

Shopify's CDN generally creates resized copies of your images and serves modern formats such as WebP to browsers that support them. It still works from your original, so resizing and compressing before upload gives the best results.

Can I use different image sizes for different products?

You can, but collection pages will look uneven, and some themes will crop or add blank bars to images that do not match. Crop every product image to the same aspect ratio before uploading.