Shopify gives sellers flexibility, but that flexibility can create inconsistent product pages if every image is uploaded at a different crop. The best Shopify product image workflow uses a high-resolution master and exports predictable ratios for product pages, collection cards, banners, and social placements.
Shopify's product media documentation explains supported media types and file handling here: Shopify product media types. Use it as the technical baseline, then choose ratios based on your theme.
Quick answer: Shopify image sizing
Use a high-resolution master image, then export purpose-built crops for product pages, collection grids, banners, and social placements. Do not let one square upload decide every crop. Shopify themes can display the same product image differently across mobile and desktop.
Use a high-resolution master
Start with the largest clean source image you have. A high-resolution master lets you create square product images, portrait collection images, and wide banners without upscaling a weak source.
Prepare the ratios your theme needs
1:1 for product galleries
Square images are predictable for product detail pages and marketplace-style galleries. Keep the product centered with safe margins on every side.
4:5 for collection grids
Portrait crops often perform well in collection grids because they give products more vertical space on mobile. Make sure the product is not cut off at the top or bottom.
16:9 for banners and editorial sections
Wide crops work for homepage banners, blog headers, and seasonal campaign blocks. Place the product away from text areas if your theme overlays copy.
Compress without ruining details
Use modern image formats and avoid uploading huge uncompressed files when a clean web export will do. Check label text, jewelry details, fabric texture, and packaging edges after compression.
Create Shopify crops in Shelfgen
Use Shelfgen for Shopify or open Resize and expand to create safe product crops. For a full PDP set, generate a square main image, lifestyle gallery image, detail image, collection crop, and wide banner.
Match the image plan to the theme
Shopify stores do not all crop images the same way. A theme with editorial banners needs wide lifestyle assets. A dense collection grid needs consistent portrait or square crops. Before generating images, inspect your product page, collection page, homepage feature blocks, and mobile layout.
The best size is the size your theme actually displays. If your product card is portrait, a square master may still be cropped. If your hero section overlays text, the product needs to sit outside the text zone.
Optimize for mobile first
Most Shopify product discovery happens on mobile. Check whether the product remains recognizable at small width and whether the crop loses important packaging text. A desktop-perfect banner can fail badly when squeezed into a mobile section.
Create a reusable export set
For each SKU, keep a square PDP image, a portrait collection crop, a wide banner, and a social crop. Save them under predictable names so seasonal refreshes can replace images without rebuilding the whole product page.
Shelfgen's Shopify workflow is useful here because the output set is built around repeated storefront placements, not one-off editing.
Do not let theme crops decide composition
If you upload one image and let the theme crop it everywhere, the theme becomes the art director. Instead, create purpose-built crops. A PDP crop can be centered and clean, while a collection crop may need more vertical product fill and a banner crop may need negative space.
Check hover states too. Some themes swap to a second product image on hover. Make sure the second image matches the first in lighting and scale so the grid does not feel jumpy.
Image naming for Shopify teams
Use names that describe placement: SKU-pdp-square, SKU-collection-portrait, SKU-home-banner, SKU-social-square. This keeps image libraries manageable as the store grows.
FAQ: should Shopify product images be square?
Square images are a reliable baseline, but they are not always enough. Many themes use portrait collection cards, wide homepage banners, and social crops. If you only upload square images, Shopify may crop them in places you do not expect.
Use a square product gallery image plus a portrait collection crop and a wide banner crop. That gives the theme enough purpose-built assets to look polished on desktop and mobile.
Shopify image quality is not just resolution. It is consistency across every place your theme reuses the photo.
Create PDP, collection, banner, and social crops from one source photo.
See how Shelfgen builds PDP, collection, banner, email, and social crops from one product photo.
Use the companion guide for square PDP images, portrait collection cards, and wide store banners.
Follow the help doc when you are ready to export and place images inside Shopify admin.
