Stage 1: Decide the image set before anything is shot
Every launch image should exist because it answers a shopper question. Before booking a shoot or opening an editor, write down the shot list against the questions this specific product raises. A sneaker raises different questions from a candle: shoppers want the profile, the sole, the heel, the material close-up and the fit on a foot. A candle needs the vessel, the scale, the wick and the lit state.
A workable default for a launch is six to eight images, with the first four doing most of the work:
| Slot | Purpose | Where it shows |
|---|---|---|
| 1 — Featured | Clean hero on the catalog plate, front three-quarter | Collection grid, search, cart, Shop app, Google Merchant |
| 2 | Alternate angle (side or back) | Product page gallery |
| 3 | Detail close-up (material, stitching, finish) | Product page gallery |
| 4 | Scale or in-use (on-body, on-hand, in-room) | Product page gallery, social crops |
| 5–6 | Colour or variant images, one per variant | Variant swatch switching |
| 7–8 | Lifestyle or packaging | Product page, email, ads |
Two decisions belong at this stage, not later. First, which slot is featured. Shopify uses position 1 as the product's featured image, and that single file appears in collection grids, in-store search, the cart, the Shop channel and anywhere else the product is referenced. It should be the shot that reads clearly at 300 pixels wide. Second, whether each variant needs its own image. If the product ships in four colours and you only shoot one, the variant picker will show the same image for every colour, which is one of the more common launch complaints in support tickets.
Shot list written against shopper questions. Featured slot chosen. Variant image count matches variant count. Aspect ratio agreed (square or 4:5) and applied to every slot.
Stage 2: Produce the images to a single standard
Consistency across the set matters more than any individual frame. A launch where image 1 is on pure white, image 2 is on a warm grey and image 4 is a phone photo on a desk looks unfinished even if each file is technically fine. Decide the plate colour, the margin around the product and the lighting direction once, and hold every image in the set to it.
For merchants shooting in-house, that means shooting everything in one session with the camera and product distance locked, so the product occupies roughly the same fraction of the frame in every slot. For merchants working from supplier images or existing stock shots, it means running every source through the same normalisation step so the plate colour and framing match. This is where AI product photography tools earn their place in a launch: a scuffed floor shot of the sneakers from the warehouse can be re-plated and framed to sit next to the studio hero without a re-shoot, and the framing rules are applied by the tool rather than by eye.
Whatever the route, the output of this stage is a folder of finals, one per slot, all at the same aspect ratio and all on the same plate. Do not move to Stage 3 with placeholders in the folder; a placeholder that makes it into position 1 will be the image Google indexes.
Set that reads as unfinished
- Mixed plate colours across slots
- Product size varies frame to frame
- One variant photographed, others reuse it
- Hero is a lifestyle shot that crops badly square
Set that reads as launched
- One plate colour, one margin rule
- Product fills the same fraction of every frame
- Every variant has its own image
- Hero is a clean catalog shot; lifestyle sits at slot 4+
One plate colour across the set. Product scale consistent frame to frame. Every variant has a final. No placeholders remain in the folder.
Stage 3: Prepare the files (size, format, names, alt text)
Shopify accepts product images up to 20 megapixels and 20 MB, but that ceiling is not a target. Product images should be large enough for the theme's zoom, which for most themes means the long edge at 2048 pixels, and no larger than they need to be. A 2048 × 2048 JPEG at quality 80–85 typically lands between 250 KB and 600 KB depending on detail. Shopify's CDN generates the smaller responsive sizes your theme requests, so you upload one master and let the CDN handle the rest.
Filenames and alt text are set once at upload and are painful to fix afterwards, so prepare them in a sheet now. Shopify preserves the uploaded filename in the CDN URL, and that URL is what Google Images and Merchant Center see. A file called IMG_4471.jpg tells a crawler nothing; arden-runner-white-side.jpg tells it the product, colour and angle.
| Field | Weak | Ready to upload |
|---|---|---|
| Filename | final_v3 (2).jpg | arden-runner-white-front.jpg |
| Alt text | shoe | Arden Runner sneaker in white, front three-quarter view |
| Dimensions | 1080 × 1350 phone export | 2048 × 2048 |
| File size | 4.8 MB PNG | 380 KB JPEG |
Alt text is written for a shopper who cannot see the image and for a crawler that indexes it. Describe what is in the frame, name the product and variant, and stop. Avoid keyword lists; a screen reader will read every word aloud. If the alt text would be identical for two images, one of them is probably redundant.
The full reasoning behind naming and ordering is in Shopify image metadata: alt text, filenames and order, which is worth reading once before you build the sheet.
Every file 2048 px on the long edge. JPEG unless transparency is required. Filename follows product-variant-angle. Alt text drafted per image in a sheet, no duplicates.
Stage 4: Load into Shopify in the right order with the right metadata
Order matters twice in Shopify: the position of each image determines gallery order on the product page, and position 1 is the featured image used everywhere else. Upload in the order you want them displayed, or reorder in the admin after upload, then confirm position 1 is the hero you chose in Stage 1.
If you are pushing images from a tool rather than dragging files into the admin, the same three fields should travel with each image: filename, alt text and position. Retouchable's Shopify integration does exactly this. After connecting the store through Shopify's own OAuth flow, with product read and write permissions only, you pick the product from a picker inside Retouchable and push a finished image to it with the filename, alt text and position set on the push. Setting position 1 makes it the featured image immediately, so the collection grid updates without a second trip to the admin. The step-by-step is in the Shopify product image push workflow.
Variant assignment is the step most often skipped. Uploading a red image and a blue image does not tell Shopify which variant each belongs to; you assign the image to the variant in the variant editor, or the swatch will not switch. For a launch with more than two or three variants, do this in one pass and check it in one pass, rather than fixing it after a customer points it out. Shopify variant image assignment walks through it.
Shopify throttles the Admin API when many images are pushed quickly. If you are loading a large launch through an app or script, expect pauses between pushes; a well-behaved integration waits and retries rather than failing the batch.
Position 1 is the chosen hero. Gallery order matches the shot list. Every variant has an image assigned. Alt text present on every image in the admin, not just in your sheet.
Stage 5: Verify the storefront while the product is still a draft
Keep the product in Draft status until the imagery has been checked in the places shoppers will see it. Shopify's product preview link lets you view the product page before it is Active, and you can add a draft product to a hidden collection to check the grid crop.
Check these views, on a phone as well as a desktop:
- Collection grid. Does the featured image survive the theme's crop? Themes that force square or portrait tiles will trim a wide hero; the product should be fully visible at grid size.
- Product page gallery. Are the images in the intended order, and does zoom show real detail rather than upscaled blur?
- Variant switching. Pick each variant and confirm the image changes.
- Search results. Type the product name into the storefront search and confirm the thumbnail is the hero.
- Cart and checkout. Add the product; the line-item thumbnail is the featured image at a very small size.
- Sales channels. If the product is published to the Shop app, Google, Instagram or Facebook, open each channel's preview. Marketplace channels reject images with text overlays or borders on the primary slot.
Two automated checks are worth running at this point. Run the product URL through PageSpeed Insights and confirm the largest contentful paint element is the hero image and that it is being served at an appropriate size; an oversized master that skipped Stage 3 will show up here. And check Merchant Center diagnostics a day after publishing if the product is in Google Shopping, since image-related disapprovals surface there rather than in Shopify.
Grid, gallery, variant switch, search, cart and each sales channel previewed on mobile and desktop. PageSpeed run on the product URL. Product status still Draft until all pass.
Stage 6: The launch-day and post-launch image tasks
Flipping the product to Active is not the end of the image work. Three things happen after launch that the checklist should anticipate.
Derivative assets. The launch email, the ad set and the social posts all need the same product, usually at different aspect ratios and often on a different background. Produce these from the same finals rather than shooting or generating fresh ones, so the product in the ad matches the product on the page. A shopper who clicks an ad showing a warm-lit lifestyle shot and lands on a cold white studio image experiences a small but real disconnect.
Early performance signals. Within the first two weeks, look at the product page's add-to-cart rate against comparable products, and at which gallery images shoppers actually open. Themes with gallery analytics, or a heatmap tool, will show whether image 3 or 4 is doing work. If nobody opens the detail shot, it may be answering a question shoppers are not asking, and the slot could be better used.
Replacement without regression. If an image needs to change post-launch, replace it in position rather than deleting and re-adding. Deleting an image and uploading a new one changes the CDN URL, which breaks any external reference to it (feeds, cached ad previews, Merchant Center) and can drop the image from Google Images until it is recrawled. Keep the position, keep the filename convention, and update alt text if the content changed.
The split above is illustrative rather than measured, but the point holds: verification is a real slice of the work, and launches that skip it pay for it in support tickets and post-launch edits.
Email, ad and social crops produced from the launch finals. Add-to-cart and gallery engagement reviewed at two weeks. Any replacements done in position, not by delete-and-re-add.
The full checklist in one place
Paste this into your launch template. A product is image-ready when every line is true.
- Shot list written against shopper questions; featured slot chosen; one image per variant planned.
- All finals on one plate colour, at one aspect ratio, with consistent product scale; no placeholders.
- Files at 2048 px long edge, JPEG unless transparency is needed, under roughly 600 KB each.
- Filenames follow
product-variant-angle; alt text drafted per image, no duplicates, no keyword lists. - Images uploaded or pushed with filename, alt text and position set; position 1 is the hero.
- Every variant has its image assigned and the swatch switches correctly.
- Grid, gallery, search, cart and each sales channel previewed on mobile and desktop while the product is still Draft.
- PageSpeed run on the product URL; hero is the LCP element and is served at an appropriate size.
- Product set to Active only after steps 1–8 pass.
- Email, ad and social derivatives produced from the same finals; two-week performance review scheduled.
If you are launching a whole collection rather than one product, the same list applies per product, and the bulk approach in bulk-updating Shopify product images will save you repeating Stages 3 and 4 by hand.