What's the Right Image Size for Shopify Product Photos?

Shopify allows product images up to 20 MB and 4472×4472 pixels. That’s the technical ceiling — not a target. The fastest Shopify stores keep their product images under 300 KB, and most keep them under 200 KB. The gap between what Shopify accepts and what actually performs well is enormous, and most merchants never realise they’re sitting on the wrong side of it. This guide covers the recommended image dimensions and file sizes for every type of Shopify image, why the upload limit is misleading, and how to audit and fix your entire catalogue without re-uploading a single file.

What Shopify’s Image Limits Actually Are

Shopify accepts image uploads up to 20 MB per file and a maximum resolution of 4472×4472 pixels. Any file larger than that will be rejected outright at the upload stage. Within those limits, Shopify accepts JPG, PNG, GIF, and WebP formats.

When a visitor loads your product page, Shopify’s CDN serves images in WebP format to browsers that support it (which is now essentially all modern browsers). This is often cited as “Shopify automatically optimises your images.” That claim is misleading.

What Shopify actually does is convert the format — it takes whatever you uploaded and re-encodes it as WebP for delivery. It does not compress, resize, or otherwise optimise the source file. A 10 MB PNG uploaded to Shopify becomes a large WebP file. The format changes; the bloat remains.

This distinction matters because many merchants assume Shopify handles image optimisation on their behalf. It doesn’t. The CDN is a delivery mechanism, not an optimisation pipeline. What you upload is, in practical terms, what your customers download.

Why the Upload Limit Is Misleading

Just because Shopify accepts 20 MB files doesn’t mean you should upload 20 MB files. The upload limit exists to accommodate edge cases — very high-resolution photography for print, images with transparency layers, animated GIFs. It is not a recommendation.

Your store’s speed depends on what the browser has to download when a customer visits a product page. If you’ve uploaded eight product images at 3–5 MB each, that’s 24–40 MB of image data per page. Even with lazy loading and CDN caching, the initial above-the-fold image still needs to load quickly — and Shopify’s Largest Contentful Paint (LCP) score is directly tied to how heavy that first image is.

Shopify’s own Lighthouse scores and Core Web Vitals suffer when source images are bloated. Google uses these metrics as ranking signals, which means oversized images don’t just slow your store — they can hurt your search visibility too.

The problem is compounded by the fact that Shopify doesn’t warn you about oversized images. There’s no alert when you upload a 5 MB product photo. There’s no dashboard showing which products have heavy images. Most merchants never check because there’s nothing in the admin that prompts them to.

Recommended Image Dimensions for Shopify Products

The right image dimensions depend on where the image appears in your store. Here are the recommended sizes for each context:

• Product images (main gallery): 2048×2048px. This is the maximum useful size for Shopify’s standard themes and supports pinch-to-zoom on mobile devices. Square images work best because they display consistently across all theme layouts.
• Thumbnail displays: 800×800px minimum. Some themes render product cards and search results at this size. Going below 800px risks visible pixelation on retina screens.
• Hero and banner images: 1920×1080px or wider. These are typically full-width and need to look sharp on desktop monitors. For ultra-wide banners, 2560×1080px can be appropriate, but watch the file size.
• Collection images: 1024×1024px. Collection thumbnails are rendered smaller than product images in most themes. 1024px provides enough resolution without the file size penalty of a full 2048px image.

Here’s the critical point: most themes never render product images larger than 1600px. Uploading a 4000×4000px image provides zero visual benefit over a 2048×2048px image. The extra pixels are never displayed — they just increase the file size by 2–4x. Many merchants upload images straight from their camera at 4000–6000px without realising that every additional pixel beyond what the theme renders is pure waste.

Recommended File Sizes

Dimensions are only half the equation. File size — measured in kilobytes — is what actually determines how long an image takes to download. Here are the targets for a fast Shopify store:

• Standard product shots: Under 200 KB. A 2048×2048px JPG saved at 80% quality will typically fall in the 120–180 KB range, depending on the image complexity. This is the sweet spot — visually indistinguishable from the original at screen resolution, but a fraction of the file size.
• Hero and lifestyle images: Under 500 KB. These are larger and often more detailed, so they warrant a higher file size budget. But anything over 500 KB should be reviewed — it’s likely either oversized in dimensions or saved at unnecessarily high quality.
• Collection thumbnails: Under 100 KB. These render small and don’t need high-quality encoding. A 1024×1024px JPG at 75% quality will comfortably fit under 100 KB.

If your average product image is over 500 KB, your store is almost certainly slower than it needs to be. For context, a well-optimised product page with 6–8 images should have a total image weight of roughly 1–1.5 MB. If yours is closer to 10–20 MB, the difference in load time is measured in seconds — and in conversions.

The Problem: Camera-to-Store Uploads

The single most common cause of image bloat on Shopify is uploading files directly from a camera or photographer without any web preparation. Professional product photographers deliver files at 5–10 MB each — sometimes more if they export from RAW or deliver in PNG format. These files are optimised for print reproduction, not web display.

A 5 MB product photo is 25–50 times larger than it needs to be for a Shopify product page. The visual quality at screen resolution is identical to a 150 KB version of the same image. The extra data is invisible to the customer but very visible to their browser’s loading performance.

Scale this across a real catalogue and the numbers become staggering. A store with 500 products and 5 images per product has 2,500 images. If the average file size is 5 MB (a conservative estimate for unoptimised uploads), that’s 12.5 GB of image data. Optimised to 200 KB per image, that same catalogue would be 500 MB — a 96% reduction in total image weight.

Every visitor to your store downloads a portion of this data on every page they view. Multiply by thousands of monthly visitors and the performance impact — and the hosting bandwidth cost — is substantial. Yet most merchants have no idea this is happening because the images “look fine” on their own fast connection.

How to Audit Your Existing Images

The first step to fixing image bloat is knowing where it exists. Unfortunately, the Shopify admin doesn’t show image file sizes. There’s no column for file size in the product list, no filter for “images over 500 KB,” and no built-in report for image health. You can click into individual products and inspect each image manually, but with hundreds or thousands of products, that’s not practical.

AssetScope’s Speed Audit solves this by scanning every product image in your store and reporting the file size, dimensions, and format of each one. It assigns an A–F grade to every product page based on the total image weight, so you can immediately see which products are the worst offenders.

The audit surfaces exactly the information Shopify hides: which images are oversized, which are in the wrong format (PNG instead of JPG), which have excessive dimensions, and how much each one could be reduced. You can sort by grade, filter by severity, and see the total potential savings across your entire catalogue — all without downloading a single image.

Once you know which images need attention, AssetScope’s Image Optimiser can compress, resize, and convert them directly inside your Shopify admin. There’s no need to download images, process them in an external tool, and re-upload them. The optimiser handles format conversion (PNG to JPG), dimension resizing (down to 2048px), and quality compression (to 80–85%) in a single operation.