Shopify Product Image Size: The Specs and Best Practices That Actually Matter

Upload your product images at 2048 x 2048 px, square, compressed to around 100-200 KB. That single line answers what most people came here for, and it is the Shopify product image size we use across client stores. The catch is that “image size” quietly means three different things on Shopify: pixel dimensions, megapixels, and file weight. Confuse them and uploads fail, pages crawl, and catalogues end up looking messy.

The numbers are only half the job. Shopify’s own docs leave real contradictions hanging, the most common upload error lies about what went wrong, and the “72 DPI for web” rule that floats around still trips people up. We clear all of that up below.

This guide gives you the exact specs in a clean table, settles the points the docs fudge, and covers the photography-side practices that turn a correctly-sized image into one that actually sells. We have spent 15 years making product images convert, so we will be specific about what matters and honest about what does not.

Shopify Image Sizes at a Glance (2026)

Here are the recommended working sizes for every common image type, including the file-weight target that most guides leave out.

Treat these as recommended working sizes, not hard rules. The actual display size depends on your theme, which serves smaller responsive versions to each device automatically. Hero and background figures vary most from theme to theme, so check yours before committing a whole library.

The file-size column is the one that quietly separates a fast store from a slow one, and almost every competing guide omits it. Pin the right Shopify product image size to each row and you have a reference for the entire store. The universal platform limits are a separate matter, and they trip people up constantly. We cover those next.

The Two Upload Limits Shopify Doesn’t Explain Clearly

Ever had Shopify reject an image that was well under 20 MB? You have hit a limit most guides never mention. Shopify enforces two independent caps on every upload, and a file can pass one while failing the other.

The first cap is file size: 20 MB. The second is resolution measured in megapixels, calculated as width x height divided by 1,000,000. A 5000 x 5000 px image is 25 megapixels regardless of how many MB it weighs.

Now the part that causes real confusion. Product and collection images allow up to 25 MP (5000 x 5000 px). Theme assets, Files uploads and blog images cap lower, at 20 MP, which works out to roughly 4472 x 4472 px for a square image. Blog images also carry a separate 3 MB ceiling.

The practical consequence catches people out. A literal 5000 x 5000 image (25 MP) sails in as a product image but gets rejected the moment you try to use it as a theme asset or upload it to Files. Worse, the error wording lies to you. The message reads “Your file is too large. You need to upload a file that is 20 MB or smaller,” yet it can be firing on the megapixel limit, not the file size at all.

One more gotcha is worth knowing. Some merchants get a megapixel error on an image that clearly calculates under the limit. The usual culprit is odd encoding from Photoshop’s “Export Layers” function. Opening the file and using Save As (not Export) rewrites the metadata cleanly and fixes it. At 2048 x 2048 (4.2 MP) you are nowhere near either ceiling, which is one more reason it is the safe default.

Why 2048 x 2048 px Is the Sweet Spot

A 2048 x 2048 image is only about 4.2 megapixels, less than most phone cameras produce, yet it is all Shopify needs for a product page. Three things make it the right call rather than an arbitrary number.

First, zoom. Shopify’s product-page zoom only activates on images larger than 800 x 800 px, and 2048 gives crisp magnification when a shopper inspects the weave of a fabric or the finish on a watch. Second, high-density screens. Retina and HiDPI displays pack roughly twice the pixels into the same space, so an image that looks fine at 800 px goes soft on a modern laptop, while 2048 stays sharp.

Third, diminishing returns. Going bigger than 2048 mostly adds file weight, not visible quality, because your theme serves smaller responsive sizes to each device anyway. The full resolution simply sits in reserve for zoom and the sharpest screens.

To make it tangible: a 2048 x 2048 image more than fills a 1080p monitor, but on a typical desktop product page it actually displays at around 400-600 px. The extra pixels are not wasted. They are held back for the moments that matter, which is exactly the balance you want from your Shopify product image size.

Aspect Ratio and Catalogue Consistency: The Rule That Makes a Shop Look Professional

A collection page where every product sits at a slightly different size and angle looks careless, and shoppers read careless as untrustworthy. Consistency is the single highest-leverage thing a DIY merchant can fix, and it costs nothing but discipline.

Start by picking one aspect ratio and holding it across the entire catalogue. Square (1:1) is the safest choice because it crops predictably across grids, product pages and mobile. Portrait (2:3) works well for apparel, but the rule is to choose one and never mix.

Consistency runs deeper than ratio. It means the same background and white point, the same product scale and padding inside the frame, and the same camera height for every shot. A useful habit from our studio: rotate the product, not the camera. Keep the lens locked and turn the item to capture each angle, and your whole range lines up effortlessly.

Shopify does give you a safety net at the theme level. Under Online Store > Themes > Customize, your product grid has an “Image ratio” setting that forces a consistent display ratio. It is genuinely useful, but understand what it does: it crops or letterboxes the display only. It cannot rescue inconsistent source images, so the real fix still happens at the point of shooting. Repeatable consistency is exactly what a studio is built to deliver.

File Size, Formats and the 72-DPI Myth

Three decisions live here: how heavy your images should be, what format to save them in, and one number you should stop worrying about entirely.

Start with weight. Target roughly 100-200 KB per product image. Images make up 50-80% of a typical e-commerce page’s total weight, so they are the first place speed is won or lost. Shopify’s own 2026 data shows that for every 100 ms slower a store loads, conversion drops about 3.5%, and a store with a 2.5-second LCP converts roughly 30% worse than one at 1.5 seconds. Add that 53% of mobile users abandon a page that takes more than three seconds, and the KB target stops feeling fussy.

Format is the next lever, and the choice is simpler than it looks.

JPEG at 80-85% quality is the dependable workhorse for photography. PNG should only appear when you genuinely need transparency, because a 2048 PNG photo balloons to 600-800 KB, three to four times heavier than the same shot as WebP, with no visible gain. WebP is the modern default, around 25-35% smaller than JPEG at the same quality, with roughly 97% browser support. Shopify’s CDN auto-converts uploads to WebP and serves it to supported browsers anyway, so uploading clean JPEG is perfectly fine.

Now the myth. DPI (sometimes written PPI, as in “72 DPI”) is irrelevant for anything shown on a screen. Browsers render on pixel dimensions alone. An image at 72, 300 or 9999 DPI with identical pixels looks the same and weighs the same on every display. DPI is print-only metadata that tells a printer how to space ink, so setting “72 DPI for web” does nothing at all. Stop doing it and focus on pixels and KB instead.

Should You Compress Images Before Uploading? Settling the Debate

Shopify says you do not need to optimise images before uploading. Speed agencies say you absolutely must. Both are right, and the bit that reconciles them is worth getting straight.

Shopify’s CDN does two genuinely helpful things: it converts your image to WebP and generates smaller responsive sizes for each device. Shopify’s worry is that aggressive pre-compression degrades the source it works from, leaving you with a soft image that hurts conversions and drives returns. That concern is fair.

What the guidance leaves out is that the CDN does not compress aggressively. A 5 MB source becomes a 1-2 MB WebP, still far too heavy for a fast page. The CDN can even add a colour profile your original lacked, occasionally serving a smaller-dimension image at a larger file size than what you uploaded. One merchant uploaded a 2048 image at 37 KB and Shopify served a 1200 version at 50 KB. The CDN is a converter, not a reliable optimiser.

Here is the reconciliation we use. Do not crush quality (stay around 75-85%), but do resize to 2048 x 2048 and compress to land in the 100-200 KB range, and upload in sRGB so Shopify does not bolt on its own colour profile. “Upload the best quality you can” is good advice. It does not mean uploading a raw 5 MB camera file.

Beyond Size: The Product Shots That Actually Sell

A striking 56% of shoppers’ first action on a product page is to explore the images, before they read a single word. Going from one image to six or eight measurably lifts conversion. Correct dimensions are table stakes; a gallery that answers buyer questions is what closes the sale.

The fix is a repeatable shot list, run identically for every SKU:

• Hero shot: the complete product on clean white, lit evenly, often from a slightly elevated angle. This is the image that shows in search and collection grids.
• Alternate angles: three to four views (back, side, three-quarter) so nothing is hidden. Apparel usually wants more.
• Detail / macro: a tight crop on texture, stitching, hardware or material, the things that justify the price.
• In-scale shot: the product next to a hand or a familiar object. Baymard found 42% of shoppers try to judge size from images, yet 28% of sites give no in-scale shot at all. Closing that gap is nearly free.
• Lifestyle / in-use: the product in a real setting, answering “what would this look like in my life?”

Shoot every SKU to that list, at the same scale and background you locked in earlier, and your catalogue reads as considered rather than thrown together.

Getting a whole range shot to that standard, week after week, is exactly what a product studio exists to do. If DIY is eating your week or your grid still looks uneven, our ecommerce product photography team handles everything from shoot to upload-ready files in-house.

How to Resize or Replace a Product Image in Shopify

Already have the wrong-sized image live? You can fix it in the admin in under a minute, no app required.

To resize an existing image without losing the original:

1. Go to Products and open the product.
2. In the Media section, click the image you want to edit.
3. Click Resize in the editor.
4. Enter the new width (e.g. 2048). With aspect ratio locked, the height updates automatically.
5. Click Done, then Save. The edit is non-destructive, so your original is preserved.

To replace an image entirely, hover over it in the Media section, click the trash icon to delete it, then choose Add media and upload your correctly-sized file.

For a large catalogue, do not work one image at a time. Prep and compress before upload with a tool like Squoosh or TinyPNG, or use Shopify’s free image resizer, so every file lands at 2048 and the right weight from the start.

FAQ

What is the best image size for products on Shopify?

Use 2048 x 2048 px, a 1:1 square, compressed to roughly 100-200 KB. At 4.2 megapixels it sits well under both Shopify upload limits while staying sharp on high-density screens and supporting the product-page zoom, which needs images larger than 800 x 800 px. It is the size we use as standard across client stores.

Is JPEG or PNG better for Shopify product images?

JPEG (or WebP) is better for photographs almost every time. A JPEG at 80-85% quality runs about 120-250 KB at 2048 px, while the same photo as PNG can hit 600-800 KB, three to four times heavier with no visible benefit. Reserve PNG for logos, icons and anything needing transparency. Shopify’s CDN converts JPEG to WebP automatically.

How big is 2048×2048 pixels?

It is about 4.2 megapixels, similar to many mid-range phone cameras. On a 1920 x 1080 monitor it more than fills the screen, but on a typical Shopify product page it displays at only 400-600 px. The full resolution is held in reserve for zoom and high-density screens, and Shopify serves smaller sizes to mobile automatically.

What’s the maximum image size Shopify accepts?

It depends where you upload. Product and collection images allow up to 5000 x 5000 px (25 megapixels) and 20 MB. Theme assets, Files and blog images cap at 20 megapixels (about 4472 x 4472 px square) and 20 MB, with blog images also limited to 3 MB. These are independent caps, so a file can fail on megapixels while sitting under 20 MB.

Why are my correctly-sized images blurry or slow?

Usually one of three things. The source was uploaded uncompressed (a 2-5 MB file) instead of compressed to 100-200 KB. It was saved as PNG, which is far heavier than JPEG or WebP. Or it exceeded a maximum dimension and Shopify downscaled it, softening the result. Check your format and compression, and confirm your theme serves responsive sizes.