For square Shopify product images, 2048 × 2048 pixels is a useful starting point. Shopify says square product images usually display best at that size. It is not a universal requirement, and it will not suit every theme or subject. Consistent aspect ratio, real detail for zoom, and a file format appropriate to the image matter more.
Shopify documentation checked on August 30, 2026. The limits below apply specifically to product and collection images. Other upload areas in Shopify have different limits.
Starting presets
| Use | Starting size | Format | Notes |
|---|---|---|---|
| Photographic main image | 2048 × 2048 px | JPEG | sRGB, consistent subject margins |
| Transparent cutout | 2048 × 2048 px | PNG | Use transparency only when the theme and destination channels support it |
| Detail shot | 2048 px on the long edge or more | JPEG | The source must contain real detail rather than upscaled pixels |
| Text infographic | Based on theme and mobile rendering | PNG or high-quality JPEG | Put the same essential information in accessible HTML |
| Collection image | One consistent ratio per grid | JPEG | Test focal point and theme crop |
These are production presets, not platform rules. Validate the result in the actual theme on mobile, desktop, and a high-density display.
Shopify product-image limits
According to Shopify's product media documentation, product and collection images can be:
- up to 5000 × 5000 pixels;
- no more than 25 megapixels;
- less than 20 MB in file size.
Shopify says 2048 × 2048 pixels usually displays best for square product images. That describes a balanced source size, not the exact file delivered to every visitor. Shopify creates multiple dimensions when an image is uploaded so themes can request an appropriate version.
A 5000-pixel file is not automatically superior. If the source is blurred, aggressively compressed, or merely enlarged, the extra dimensions add no product information. Use the smallest high-quality master that still supports zoom, high-density screens, and the largest intended theme placement.
Choose aspect ratio before dimensions
Aspect ratio determines whether a collection grid looks stable. Shopify explicitly recommends one consistent ratio for main images that appear side by side. A theme can request a crop through the Shopify CDN, but cropping cannot repair poor composition.
Choose the ratio around the catalog and theme:
- 1:1 is flexible for mixed catalogs, marketplace exports, and regular grids.
- 4:5 gives clothing, bags, and tall products more vertical space.
- 3:2 or 4:3 may suit wide appliances, furniture, or editorial scenes.
Keep the primary ratio consistent within a collection. Supporting gallery media can use another ratio when the product page handles the transition without layout shifts or awkward crops.
JPEG, PNG, or WebP?
Shopify accepts JPEG, PNG, WebP, and several other image types. Its image service can deliver modern formats such as WebP or AVIF when a visitor's browser supports them. There is no need to force every master into the smallest possible web format before upload.
JPEG for photography
JPEG is efficient for product photography, lifestyle scenes, and images with continuous tones. Check labels, fabric patterns, and hard edges after export, because excessive compression appears there first.
PNG for transparency and flat graphics
PNG is appropriate for cutouts with a real alpha channel, logos, icons, and flat graphics. A photographic lifestyle scene stored as PNG is often unnecessarily large. Transparency is also not neutral: the visible result depends on the theme background and downstream sales channel.
WebP as an accepted source
Shopify accepts WebP, but its theme delivery pipeline still chooses the browser response. Keep a high-quality archive outside Shopify rather than treating a compressed web derivative as the only master.
What Shopify's image service handles
Shopify automates part of the delivery stack:
- It creates several sizes when an image is added.
- Themes can request the width needed for a particular component.
- The image service can choose a browser-supported format.
- Theme delivery may compress images for performance.
It does not automatically fix:
- inconsistent camera angles;
- changing margins around the product;
- images assigned to the wrong variant;
- unreadable labels;
- a subject cropped by a poor focal point;
- missing or inaccurate alt text.
The production rule is to supply a strong, consistent master and let the theme handle responsive delivery.
Normalize color before upload
Shopify documents that embedded ICC and ICM profiles are removed when storefront images are displayed. Browsers assume sRGB when no profile is present. Export product imagery to sRGB intentionally and inspect important brand and variant colors after upload.
Uncontrolled CMYK conversion, Display P3 sources, and mixed profiles can make color variants appear inconsistent. The selected color name and rendered product should agree.
Build a repeatable catalog workflow
Separate the master, composition, and channel output:
- Archive the master: preserve the largest reliable original.
- Assign an image role: main, detail, in-use, scale, or included items.
- Define the canvas: use one ratio and safe-margin template per collection.
- Normalize the subject: align product size, horizon, and shadow within a category.
- Export sRGB: JPEG for photos, PNG where transparency or graphic content warrants it.
- Add filename and alt text: tie both to the visible variant and image role.
- Test the theme: inspect collection grid, product page, zoom, and mobile rendering.
- Check variants: confirm the selected option, image, and URL agree.
When supplier assets use mixed backgrounds and margins, bulk background removal and normalization comes first. The companion product image alt-text guide covers accessible descriptions at catalog scale.
Migrate with a representative sample
Do not replace an entire catalog before testing the template. Start with five to ten representative products in one collection:
- Measure the current primary-image area in the live theme.
- Choose a target ratio and consistent product coverage.
- Export one JPEG preset and a PNG preset only where needed.
- Upload new media without immediately deleting the old assets.
- Test grid, zoom, variant changes, and loading on real devices.
- Extend the process to other categories after the sample passes.
If the same catalog feeds Google, apply the Google Shopping product image requirements as a separate channel check. The 2027 minimum dimensions and AI provenance metadata are not Shopify theme settings.
Pre-publish checklist
- Product and collection images remain within 5000 × 5000 pixels, 25 megapixels, and 20 MB.
- Primary aspect ratio is consistent within the collection.
- Product margins and perspective make sense in the grid.
- JPEG, PNG, or WebP was chosen for the actual image content.
- The master was exported in sRGB.
- Labels and fine text survive compression.
- Image and selected variant agree.
- Alt text describes this image's role.
- Mobile, desktop, zoom, and theme crop were tested.
- An unchanged master remains archived outside the storefront export.