Working target
For many Shopify stores, a square or near-square image system keeps product cards orderly. Start around 1000 to 1600 px on the long edge when product detail matters, then compress for the storefront.
- Use the same ratio for a collection grid whenever possible.
- Keep source files larger than display size so responsive images stay crisp.
- Do not mix lifestyle, packshot, and cropped detail images as the first image unless the theme handles it gracefully.
Theme reality check
Shopify themes can crop or fit product media differently. A technically correct image can still look awkward if the theme card ratio clips an important edge.
- Preview collection pages and product pages on mobile.
- Check thumbnails, zoom states, and variant image swaps.
- Keep visual padding consistent so products feel like one catalog.
Performance and alt text
Large images make stores feel slower, especially on mobile. Alt text should describe the image first, then include product attributes when they match the photo.
- Compress images after editing and before upload.
- Write different alt text for different angles or detail shots.
- Avoid repeating a long keyword phrase across every image.