The right size and format for your Shopify product images

The short answer

If you only remember four things:

• Size: for square photos, 2048 × 2048 px. For portrait photos, 2048 px wide at one fixed ratio.

• Limits: keep every file under 20 MB and under 20 megapixels.

• Ratio: use the same aspect ratio for every main image in your catalogue.

• Format: JPEG or WebP for photos, PNG only for graphics that need transparency.

The rest of this guide explains each point, with examples for fashion, jewelry and accessories stores.

What Shopify accepts

Shopify’s help center lists the image formats you can add to products. The most useful for a store are JPEG, PNG, WebP and GIF; several other formats are accepted too.

There are two limits to check for every file:

• File weight: product images must be smaller than 20 MB.

• Pixel count: Shopify’s theme images page sets an upload limit of 20 megapixels, while its product media page mentions images up to 5000 × 5000 px (25 megapixels). Since the two pages differ, stay under 20 megapixels and you are within both.

To calculate megapixels, Shopify gives the formula: width × height ÷ 1,000,000. A few examples:

Dimensions	Megapixels	Within the limit?
2048 × 2048 px	4.2 MP	Yes
2048 × 2560 px (4:5)	5.2 MP	Yes
4096 × 4096 px	16.8 MP	Yes
6000 × 4000 px (straight from a camera)	24 MP	No, above 20 MP

That last line is the usual surprise. Files exported at full resolution from a professional camera often exceed the pixel limit even when their weight is under 20 MB, so resize them before upload rather than after an error.

Recommended dimensions

Shopify’s product media page is specific: for square product images, a size of 2048 × 2048 px usually displays best. It’s large enough for a sharp image on high-density phone and laptop screens, and for the zoom most themes offer on product pages.

A few practical rules follow from how Shopify serves images:

• Don’t upload small. Shopify can deliver smaller versions of an image, but never a version larger than the original. A photo uploaded at 800 px stays at 800 px, even when a theme’s zoom asks for more.

• Don’t upload huge either. A 4096 px file has four times as many pixels as a 2048 px one. It’s heavier to export, store and upload, and for most shoppers the gain on a product page isn’t visible. Keep very large sizes for products where fine detail truly sells, such as engraving on a ring or the weave of a fabric.

• Keep one size per ratio. If every square photo is 2048 × 2048 px, you never have to wonder whether a blurry zoom comes from the file or the theme.

Your theme’s documentation may recommend its own sizes for specific sections, such as banners or slideshows. For product photos, 2048 px on the longest side is a safe default.

Pick one aspect ratio: square or portrait

The aspect ratio is the relationship between width and height. It matters more than the exact number of pixels, because it decides how your collection pages look.

Shopify’s help center warns that product images shown side by side on collection pages can end up different sizes if their ratios differ, and recommends using a consistent aspect ratio for all main images. In practice, a single landscape photo in a grid of portraits creates a gap or an uneven row, depending on the theme.

The two usual choices:

• Square (1:1), for example 2048 × 2048 px. Simple, works in every theme, and suits jewelry, bags, shoes and flat lays, where the product is roughly as wide as it is tall.

• Portrait (4:5), for example 2048 × 2560 px. Shows more of a garment worn by a model, from shoulders to hem, and fills more of a phone screen.

Some themes let you choose how collection images are cropped or displayed. Check that setting before you decide, then apply the same ratio at the photo shoot, when you crop, and when you export.

Example. A jewelry brand shoots rings and earrings on a light background in square format, and worn shots in 4:5. It uses the square packshot as the main image for every product, so the grid stays even, and adds the portrait shots further down the product page.

WebP, JPEG or PNG

The format you upload is less decisive than it used to be, because Shopify’s CDN chooses the delivery format for each shopper’s browser (more on that below). It still affects the weight of your files and the quality of the source Shopify works from.

• JPEG is universal. Every camera, editor and export tool handles it, and it suits photographs well. Shopify’s speed guide recommends JPG for photos.

• WebP is a more recent format that is generally lighter than JPEG at similar visual quality. Shopify accepts it, and it’s a good choice if your export tool supports it.

• PNG is lossless and supports transparency. It’s ideal for logos, graphics or a cut-out product you want over a coloured background, but a photograph saved as PNG is usually much heavier than the same photo in JPEG or WebP.

Whichever you pick, pick one for the whole catalogue: the same format, the same quality setting, the same size. Consistency makes problems easy to spot.

File weight and page speed

Images are often the heaviest part of a product page. Shopify compresses and optimizes images for your storefront automatically, but its guide to store speed still recommends using appropriate file formats and resizing images to match their display size, and reducing the number of images on pages that load slowly.

For a small fashion or jewelry store, that translates into simple habits:

• Export at the size you actually need, not at the camera’s full resolution.

• Remove near-duplicate shots: five angles that each show something new are more useful than twelve that repeat.

• Keep the same export settings for every shoot, so file weights stay predictable.

• Strip camera and location data at export. It doesn’t change how the image looks, and a photo taken on a phone can carry GPS coordinates. See how to remove EXIF and location data.

How Shopify serves your images

When you upload a product image, Shopify stores the original and serves it through its content delivery network (CDN). Your theme doesn’t send the original file to every shopper. It asks the CDN for a version at the width it needs: a small one for a collection grid, a larger one for the product page.

According to Shopify’s documentation:

• The CDN detects which image formats the shopper’s browser supports, such as WebP or AVIF, and picks a format for good quality and file size.

• A resized version is never larger than the original image.

• Different sizes are generated for different places in the store, such as product pages and collection templates.

This is why a well-sized, good-quality original matters: every version shoppers see is derived from it. A sharp 2048 px source gives the CDN something to work with; a small or heavily compressed source can only get worse.

A checklist before upload

Run through this list before each batch of photos goes into Shopify:

1. Ratio: every main image uses the same aspect ratio (1:1 or 4:5, for example).

2. Size: 2048 px on the longest side, or your own chosen standard, applied to every photo.

3. Limits: each file under 20 MB and under 20 megapixels.

4. Format: JPEG or WebP for photos, PNG only where transparency is needed.

5. Metadata: camera, date and location data removed.

6. File names: descriptive names instead of DSC_0412.jpg. See how to rename product images for SEO.

7. Alt text: ready for every photo. See how to write alt text for product images.

8. Order: the main image first on new products, new photos added after the existing ones on products that already have images.

9. Final check: open a collection page and a product page on a phone, and zoom on one product.

For many photos at once, the same steps apply at scale: see how to upload many product photos to Shopify at once.

With Dropmatch

Dropmatch, a Shopify app published by Aryios, prepares the files for you when you add your product photos:

• One size, one format. Photos are resized to 1024, 2048 or 4096 px and converted to WebP or JPEG, the same settings for the whole batch.

• Metadata removed. Camera, date and location data are stripped before anything reaches your store.

• Named and described. Each photo gets an SEO file name and alt text in your store’s language, and you can edit every text before sending.

• Main images protected. Photos are added after a product’s existing images, and a whole batch can be undone.

See all features or pricing.

Frequently asked questions