Shopify is permissive: it accepts very large files and any aspect ratio. That freedom is exactly why unmanaged stores end up with ragged grids and slow product pages.
The Hard Limits
- Maximum dimensions: 4472 × 4472 px (20 megapixels).
- Maximum file size: 20 MB.
- Formats: JPEG, PNG, WebP, GIF, HEIC.
These are ceilings, not targets. Uploading a 20 MB, 4472 px file for a product that displays at 800 px wastes bandwidth on every visit.
The Sizes to Actually Use
- Product photos: 2048 × 2048 px square. This is the sweet spot — high enough for Shopify's zoom feature, square so every grid tile aligns, and manageable in weight.
- Collection/banner images: 1920 px wide, cropped to your theme's banner ratio.
- Logo: 2× the display size, or SVG where the theme supports it.
- Favicon: 96 × 96 or larger square.
The single most impactful rule is consistency: use the same aspect ratio for every product photo. Mixed portrait and landscape images produce uneven grids, and Shopify themes will letterbox or crop them unpredictably.
How Many Images Per Product
Aim for five to eight:
- Main image — product alone on white, filling ~85% of the frame.
- Alternative angle.
- Detail/texture close-up.
- Scale reference (in hand, next to a known object).
- Lifestyle/in-use shot.
- Size chart or packaging if relevant.
The main image should be clean and white-background; save the lifestyle photography for the secondary slots, where it can do its job without breaking grid consistency.
File Weight and Speed
- Compress each product image to under ~300 KB. Shopify serves WebP automatically to supporting browsers and generates responsive sizes, but it starts from what you upload — a bloated original still costs storage and slows the first transformation.
- Avoid uploading PNG for photographs. PNG is for transparent logos and graphics; a PNG product photo can be five times heavier than the equivalent JPEG with no visible benefit.
- Batch-process a whole product shoot with one setting so the entire catalog matches.
Alt Text and File Names
Both are indexable and both help accessibility:
- File name before upload: descriptive and hyphenated, e.g. walnut-desk-organizer-front.jpg, not IMG_4821.jpg.
- Alt text: describe the product as you would to someone who can't see it — "walnut desk organizer with three compartments, front view". Don't keyword-stuff; Shopify uses alt text for accessibility and search, and stuffed text reads badly in both.
Finally, keep your originals archived outside Shopify. Themes change, required ratios change, and re-cropping from a 2048 px upload is far worse than re-exporting from the original shoot.