Product image (recommended)
Recommended2048×2048 1:1
Practical high-res product master. Themes may crop or letterbox—square keeps most grids consistent.
Use in toolShopify · Image size
Shopify Product Image Size
Shopify product images look sharpest as a 2048×2048 square master. Export a clear product still, keep the item inside the safe margin, then download in your browser.
Browser crop · stays on your device
Crop your Shopify product image
2048 × 2048
Add a photo to crop
Upload a product shot—or try the sample—then keep the item inside the safe margin before you download.
Size specs
Upload a sharp square master. Themes control the final card ratio on storefronts—keep the product centered so theme crops stay intentional.
Publish
Export this for Shopify upload.
| Asset | Pixels | Ratio | Notes | Action |
|---|---|---|---|---|
| Product image (recommended) Recommended | 2048×2048 | 1:1 | Practical high-res product master. Themes may crop or letterbox—square keeps most grids consistent. | Use in tool |
Product masters feed the PDP—heroes brand the homepage
Shopify product pages and collection grids pull from the media you attach to each product. A practical high-resolution master is 2048×2048. That gives themes room to generate smaller responsive sizes without looking soft on retina screens.
Themes decide how the card looks—some stay square, others crop to portrait or landscape. Centering the product and leaving a quiet margin keeps those theme crops from clipping handles, labels, or packaging edges.
Homepage hero banners are a different upload (often ~2048×1024 and theme-dependent). Do not paste a wide hero into the product gallery and expect it to read as a catalog still.
Collection images (commonly 1024×1024) brand a category tile—not a single SKU. Keep product photography and collection art as separate exports when the stories differ.
Good vs weak crop
Same feed frame—keep the subject inside the margin phones actually show.
Crisp SKU on any theme card
- True 2048×2048 master
- Subject inside the margin
- Consistent lighting across SKUs
Soft upscale or hero crop
- Hero banner forced into PDP
- Tiny phone shot stretched soft
- Product clipped at the rim
Before you upload
Tick these off against your crop preview—nothing is saved.
Related surfaces compared
Similar-looking slots often use different ratios—do not reuse one export for all of them.
Product image
2048 × 2048
This page. PDP / grid product master.
Hero banner
2048 × 1024
Homepage / section hero—theme-dependent.
Collection image
1024 × 1024
Category tile—separate upload.
| Surface | Typical size | Note |
|---|---|---|
| Product image | 2048 × 2048 | This page. PDP / grid product master. |
| Hero banner | 2048 × 1024 | Homepage / section hero—theme-dependent. |
| Collection image | 1024 × 1024 | Category tile—separate upload. |
Themes crop—center the product
Dawn, custom themes, and app blocks do not all share one card ratio. A centered square master with margin survives square, portrait, and landscape theme settings better than an edge-glued crop.
- Keep labels and important edges inside the safe margin.
- Match white balance across a collection so grids look intentional.
- Prefer one master orientation per catalog for visual consistency.
Product image vs hero vs collection
Three jobs, three artboards. The product image sells one SKU. The hero brands a section or homepage. The collection image labels a category.
- Hero banner size — 2048 × 1024 (theme-dependent)
- Collection image size — 1024 × 1024 tile
File requirements
JPG suits product photography. PNG suits flat graphics or transparent packaging diagrams. Prefer sRGB. Shopify generates responsive derivatives—start sharp.
- Recommended product image
- 2048 × 2048 px
- Aspect ratio
- 1:1 master (theme may crop)
- Formats
- JPG or PNG (sRGB)
- Not this slot
- 2048×1024 hero, 1024×1024 collection
Common mistakes
- Uploading a homepage hero as the only product media.
- Shipping a soft upscale instead of a true 2048×2048 capture.
- Gluing the product to the extreme edge themes may clip.
- Mixing inconsistent backgrounds so collection grids look messy.
How to use the crop tool
Upload a product photo, choose Product image (2048×2048), drag until the item clears the margin, then download. Cropping stays in your browser.
- Prefer JPG for photographs.
- Judge the result at grid size, not only full screen.
- Re-check after the theme applies its card crop.
After you download
From this download to a live upload in a few minutes.
- 1
Download the 2048×2048 JPG (photos) or PNG (graphics) from the tool.
- 2
In Shopify admin, open Products → select the product → Media and upload the file.
- 3
Preview the product page and a collection grid on phone and desktop.
- 4
If the theme crops awkwardly, re-crop with more margin and replace the media.
Frequently asked questions
What size should Shopify product images be in 2026?
A practical high-res master is 2048×2048. Themes may crop the card—keep the product centered with a quiet margin.
Do Shopify themes require square product photos?
Not always, but a square 2048×2048 master is the most flexible starting point for common grid layouts.
Is this the same as a Shopify hero banner?
No. Heroes are wide section banners (often ~2048×1024 and theme-dependent). Product images are SKU stills—export separately.
JPG or PNG for Shopify products?
JPG for photographs, PNG for hard-edged graphics. Export sRGB either way.
Can I crop Shopify product images in the browser?
Yes. This guide includes an in-browser crop—files stay on your device until you download and upload to Shopify yourself.