Shopify officially recommends 2048 x 2048 px for square product images (max 5000 x 5000 px, under 20 MB). Cheat sheet for PDPs, grids and thumbnails.
Shopify's official recommendation: for square product images, Shopify says 2048 x 2048 px "usually displays best." Product and collection images can be any size up to 5000 x 5000 px (25 megapixels) and must be under 20 MB. Shopify says PNG is the best file type for most product images, followed by JPEG. Source: Shopify Help Center, last verified 30 Oct 2026.
Shopify product image size is one of the first specs every ecommerce operator looks up - and for good reason. Wrong dimensions break zoom, blur collection grids, and make thumbnails look amateur. Get the pixel sizes right once, then enforce them across every SKU.
This guide covers the practical Shopify product image size standards for PDPs, collections, thumbnails, and heroes, plus file formats that keep pages fast. Then the part most size guides skip: correct dimensions do not prove listing quality. Size is table stakes. Sellability is a merchandising problem.
Use this table as the default catalog standard. Themes vary: the 2048 x 2048 master and the 5000 px / 20 MB limits come from Shopify's help center; the grid, thumbnail and hero sizes are common theme defaults, so check your theme.
| Placement | Recommended dimensions (W x H) | Aspect ratio | Notes |
|---|---|---|---|
| Product detail page (PDP) main image | 2048 x 2048 px | 1:1 | Shopify's square product standard; enables crisp zoom |
| Secondary / gallery images | 2048 x 2048 px | 1:1 | Match the hero so swatches and galleries stay consistent |
| Collection / grid cards | 1024 x 1024 px (or source from 2048) | 1:1 | Shopify generates smaller derivatives; start high-res |
| Thumbnails (cart, related, admin) | 150-300 x 150-300 px | 1:1 | Usually auto-generated from the master file |
| Zoom-ready master upload | At least 800 x 800 px (prefer 2048) | 1:1 | Zoom typically needs >800px; 2048 is safer |
| Homepage / campaign hero | 1280 x 720 to 1920 x 1080 px | ~16:9 | Not the same as product tiles - treat heroes separately |
| Max upload (Shopify hard limit) | Up to 5000 x 5000 px (25 MP) | - | Under 20 MB per file; keep product files far smaller |
Operator rule: shoot or generate once at 2048 x 2048, keep aspect ratio locked, and let Shopify create the responsive set. Do not upload random 4:5 phone crops into a square theme and hope the crop looks intentional.
On the product page, the main image has one job: show the garment clearly enough that a shopper can judge fit, fabric, and finish. Shopify's own help center recommends 2048 x 2048 pixels for square product images.
Keep a consistent framing standard across the catalog: same crop, same background treatment, same subject scale. Mixed crops on one PDP gallery read as messy merchandising, even when every file is technically 2048px.
Collection pages are where shoppers compare. If one tile is tightly cropped and the next has huge empty margin, your grid looks uneven and conversion suffers.
Shopify notes that when product images with different aspect ratios sit side by side on a collection page, they display at different sizes. To make them match, use one consistent aspect ratio for every featured (main) image.
If your theme uses a non-square collection card, still keep product masters square and let the theme handle display crop - or maintain a separate aspect-ratio set for that theme only.
Square (1:1) is the safe default because Shopify's own size advice is for square images and most themes crop product cards to a square. Portrait (for example 4:5) can suit apparel, because it shows more of the garment, but only if your theme's product card and gallery are set to the same ratio.
Thumbnails show up in cart drawers, related products, search, and admin. They are usually 150-300px squares derived from your master. That means thumbnail quality is decided upstream:
Design the master for the thumbnail first, then check it at full size - not the other way around.
Homepage heroes, lookbook banners, and paid-landing visuals are not product tiles. Typical web hero ranges sit closer to 1280 x 720 or 1920 x 1080 (roughly 16:9). Do not force a 2048 square into a wide hero slot and call it done.
Keep two asset systems:
Dimensions are only half the Shopify product image size story. File format controls weight and clarity.
Shopify's image service detects which formats each shopper's browser supports and serves the best one automatically, so you do not need to convert everything to WebP yourself.
Practical catalog targets for fashion product shots: keep most PDP masters well under a few hundred KB after compression when possible, and nowhere near Shopify's 20 MB ceiling. Heavy files slow mobile PDPs - the exact moment shoppers decide.
Shopify can serve optimized derivatives, but garbage-in still means soft, noisy, or oversized assets. Compress before upload when you control the pipeline.
A perfectly sized 2048 x 2048 image can still fail. Common failure modes operators miss:
Shopify product image size is compliance. Listing quality is merchandising. Treat them as two separate checks.
Score the listing before you resize another batch. Paste a product URL into Listing Image Score (also at /score) to see which image gaps are actually costing you - weak hero, missing angles, low contrast, thin gallery. Then fill gaps with performance imagery, not another softbox tutorial.
When you need new apparel visuals at catalog speed, use AI product photography to generate on-model, flat-lay, or packshot-ready assets already framed for ecommerce.
Yes. Shopify's help center says that for square product images, a size of 2048 x 2048 px usually displays best. Images can be any size up to 5000 x 5000 px (25 megapixels) and must be under 20 MB.
For most product catalogs, 2048 x 2048 pixels (1:1) is the practical standard. It supports zoom, looks sharp on modern displays, and downscales cleanly into collection and thumbnail views.
Yes. When you add an image, Shopify automatically creates different sizes for different areas of your theme, such as a large version for product pages and a compact one for collection pages. Starting from a high-quality square master still matters, because resizing cannot add detail that was never in the file.
Shopify says the best file type for most product images is PNG, followed by JPEG. It also accepts TIFF, BMP, GIF, SVG, HEIC and WebP. Shopify serves the best format your shopper's browser supports. Keep file weight reasonable and do not upload near the 20 MB limit for routine product media.
Square (1:1) is the safest choice for most themes. Whatever ratio you choose, use it for every main product image: Shopify notes that mixed aspect ratios display at different sizes on collection pages.
No. Correct Shopify product image size prevents technical problems. Conversion still depends on whether the gallery answers shopper questions. Score the listing, then improve the imagery.
Set Shopify product image size once: 2048 x 2048 masters, clean formats, consistent crops. Then stop confusing "meets pixel spec" with "ready to sell." Use Listing Image Score to find gaps and AI product photography to fill them at catalog speed.
The Picjam team blends AI, product, and creative expertise to eliminate the cost and delay of traditional photography for modern eCommerce brands.