Shopify product image size guide for e-commerce brands

What Size Should Product Images Be for Shopify?

For most Shopify product pages, 2048 × 2048 pixels is a practical starting point for square product images. It provides enough detail for close inspection while keeping a consistent shape across product and collection grids. Shopify currently accepts product images up to 5000 × 5000 pixels or 25 megapixels and requires files smaller than 20 MB, but the largest permitted file is rarely the best storefront file.

The right export depends on the theme, crop, subject, and how closely shoppers need to inspect the product. Beauty and skincare packaging often needs enough resolution to show fine typography, finishes, applicators, and texture without forcing every image into an unnecessarily heavy file.

What size should Shopify product images be?

A reliable working standard is 2048 × 2048 pixels for square product imagery. Keep the same aspect ratio across primary images so collection cards align cleanly. For a portrait-led theme, choose one portrait ratio and use it consistently rather than mixing square, tall, and wide lead images.

Shopify generates responsive versions and serves images through its content delivery system. Your job is to upload a clean master with enough information for the largest intended display, not to create a separate file for every device.

What are Shopify’s current image limits?

Shopify’s official product-media guidance allows product and collection images up to 5000 × 5000 pixels or 25 megapixels, with files below 20 MB. Supported formats include JPEG, PNG, WebP, GIF, TIFF, and several others, although JPEG and PNG remain the most common production exports.

  • Maximum dimensions: 5000 × 5000 pixels for product images
  • Maximum resolution: 25 megapixels
  • Maximum file size: under 20 MB
  • Useful square starting point: 2048 × 2048 pixels
  • Consistency rule: use one aspect ratio for primary product images

Platform limits can change, so check Shopify Help before a major migration or bulk upload. The limits describe what can be uploaded; they do not guarantee that a file is efficient for a particular theme.

Should Shopify product images be square?

They do not have to be square. Square files are popular because they adapt well to collection grids, product cards, mobile layouts, and many marketplace exports. A portrait ratio can give bottles and tubes more visual presence, while a horizontal crop may suit a campaign banner. The important decision is to separate the primary catalog system from supporting campaign crops.

Use the same ratio for every main image in a collection. Supporting gallery images can vary when the theme handles them gracefully, but consistency in the first image prevents uneven rows and distracting jumps between product pages. See our guide to choosing product-image aspect ratios for channel-specific planning.

How large should the product appear in the frame?

Pixel dimensions alone do not determine clarity. A 2048-pixel image with a tiny bottle surrounded by empty background wastes resolution. Crop consistently so products occupy a comparable visual area while preserving intentional breathing room.

For a skincare range, align bottles by a shared visual baseline and scale cartons, jars, and tubes so the collection feels related. Do not enlarge small products until proportions become misleading. Scale should look consistent without implying that every package has the same physical dimensions.

Which file format is best?

Use JPEG for most photographic product images

JPEG usually gives the best balance of quality and file weight for photographs with gradients, shadows, reflections, and textured backgrounds. Export in the sRGB color space and inspect fine label text after compression.

Use PNG when transparency or graphic edges matter

PNG is useful for transparent backgrounds, line art, and images containing crisp graphic elements. It can be much heavier than JPEG for complex photography, so use it because the image requires it—not as a universal quality setting.

Let Shopify handle responsive delivery

Shopify can create alternate sizes and modern delivery formats for supported browsers. Avoid uploading a low-resolution file simply because smaller versions will be generated; the source still needs enough detail for zoom and larger screens.

How should you compress Shopify product images?

Start from the retouched master, resize to the intended maximum display, then apply moderate compression while watching the product edges, gradients, reflective surfaces, and label type. There is no single perfect kilobyte target for every image. A detailed lifestyle scene normally needs more data than a simple bottle on a smooth background.

  1. Retouch and color-correct at full working resolution.
  2. Crop every primary image to the chosen aspect ratio.
  3. Resize copies for storefront delivery; keep the master separately.
  4. Export in sRGB as JPEG unless transparency requires PNG.
  5. Inspect at 100% for halos, banding, soft text, and blocked shadows.
  6. Test the product and collection pages on desktop and mobile.

For a broader workflow, use our guide to sizing and compressing product images for a fast website.

What images should a Shopify product gallery include?

Dimensions support the gallery, but image variety does the selling work. A beauty or wellness product page may use a clean primary view, packaging view, alternate angle, texture or swatch, applicator detail, scale cue, and one lifestyle image. Each frame should answer a different question rather than repeating the front view against several backgrounds.

Plan the sequence before production. E-commerce product photography should support navigation thumbnails, close inspection, and the visual rhythm of the full store—not only the individual image viewed alone.

Common Shopify image mistakes

  • Mixing aspect ratios across collection-card images
  • Uploading oversized files without checking real display dimensions
  • Compressing until small label text becomes difficult to read
  • Using PNG for every photograph and creating unnecessary file weight
  • Cropping bottles and cartons inconsistently across a product line
  • Relying on the theme to fix weak framing or inaccurate color

Frequently asked questions

Is 1000 × 1000 pixels enough for Shopify?

It can be adequate for modest display sizes, but 2048 × 2048 pixels gives more flexibility for zoom, retina screens, and future layout changes.

Does Shopify automatically compress product images?

Shopify processes and serves responsive image versions, but you should still upload an appropriately sized, clean source and test how it looks in your actual theme.

Can Shopify product images have transparent backgrounds?

Yes. Use a transparency-supporting format such as PNG or WebP when transparency is genuinely needed, and confirm that the theme background produces the intended appearance.

Should every image on a product page use the same dimensions?

Primary images should use a consistent ratio. Supporting images may vary when the theme accommodates them, but a planned system usually creates a smoother gallery.

Build a consistent product-image system

Picture Your Products creates catalog, styled, beauty, skincare, and lifestyle imagery for brands in Chicago and through remote product-shipping projects. To plan Shopify-ready files around your theme and product range, contact Picture Your Products.

Contact Us