Shopify gives you room to choose how your products look. The useful question is therefore more specific than “What size image does Shopify accept?” You need an export that fits your theme, your product shapes and the way buyers inspect detail.
A repeatable catalog style starts with a sensible pixel size and a shared approach to framing. Then it needs a real storefront review: collection cards, product galleries, selected variants and mobile layouts can each display the same image differently.
At a glance
- Shopify suggests 2,048 × 2,048 pixels for square product photos.
- Its product-media guidance allows up to 25 MP and requires a file smaller than 20 MB.
- Use a consistent aspect ratio and check the actual theme’s crop and variant behavior.
Use a working size that fits the product
Shopify’s product-media help lists up to 5,000 × 5,000 pixels or 25 megapixels, a file smaller than 20 MB, and 2,048 × 2,048 pixels as a useful square-image size. These are product-media specifications; other upload surfaces can have their own limits. Shopify product media specifications.
A 2,048-pixel square is a manageable starting point for many catalogs when you have a sharp source. Tall clothing or a long tool may suit a portrait or landscape frame better. Decide the product family’s preferred ratio first, then test how the theme displays it before exporting hundreds of assets.
Do not stretch a tall object into a square. Add canvas around it or change the crop while retaining the object’s proportions. Watch apparent scale across the collection: a small item photographed very close can look larger than a much bigger object beside it.
Treat the theme as part of the image workflow
Collection grids may crop images into a fixed ratio, while the product gallery may fit the entire file. Themes can also use focal-point or image-fit settings. Review those settings in your own theme rather than assuming that a file’s dimensions determine the visible crop everywhere.
Build a test collection containing a tall item, a wide item and a roughly square item. View it on a narrow phone and a desktop. If the grid cuts off handles or packaging, adjust the theme’s image ratio or give the exports more canvas. Keep the test small until the design behaves consistently.
| Storefront area | What to inspect |
|---|---|
| Collection card | Crop, visual scale and readable silhouette. |
| Product gallery | Full object, detail view and image sequence. |
| Variant selection | The chosen color or finish appears correctly. |
| Cart | The compact image still identifies the selected item. |
Set a consistent canvas and alignment
For a clean product grid, choose a shared background color, a reference baseline and a repeatable amount of visual space. White is a convenient canvas when the same photography will later serve marketplace listings. Lifestyle images can live alongside those product views in the gallery.
Write down your alignment choices with examples. A row of bottles can share a baseline and similar height. A collection of handmade bowls may look more natural with a consistent center and comparable visible footprint. The right convention follows the objects; forcing unrelated shapes to fill identical boxes can create misleading scale.
Keep an editing master and a storefront export
Use a high-quality original for editing and export a separate upload file. A PNG can retain transparency and precise edges. A high-quality JPEG is useful for an opaque product photo when file weight matters. Shopify generates display sizes and selects delivery formats for supported browsers. Shopify product media specifications.
Inspect the actual export instead of judging the editor preview. Check small type, smooth gradients, metallic edges and fabric texture. If an image feels heavy, compare a few compression settings at the same dimensions. Reducing quality until every file has an arbitrary small size can make important product details harder to assess.
Map images to the right options
An organized folder is helpful; a correct variant mapping is essential. Give filenames meaningful inventory references, then associate each image with the correct option in Shopify. Open the storefront and change the option as a customer would. Confirm that the displayed photo, label, price and availability refer to the same version.
For nearly identical shades, compare the final exports beside the physical samples under consistent light. Avoid independent automatic adjustments that make every color look “better” in a different way. A neutral shared edit gives customers a more coherent comparison between the available choices.
Review performance and accessibility after upload
Add useful alternative text that identifies the subject and any relevant view. “Blue canvas tote, rear pocket” is more informative than a list of search terms. Avoid repeating long product titles across every gallery image when a brief view description would be clearer.
Load the product page on an ordinary mobile connection and inspect how images appear. The goal is a clear initial view followed by useful detail. If the gallery shifts while loading or downloads unnecessarily huge images, review theme settings and implementation as well as the source asset.
Keep the approved export preset, the collection test and a sample product page as a small quality reference. When you change theme or photography supplier, rerun those same checks before applying the new process to the entire catalog.
Sources and further reading
Sources reviewed October 14, 2026. Check the linked documentation and your product category before publishing.