An image checklist for Shopify stores

Product photography does two jobs on a storefront: it sells the item, and it is usually the heaviest thing on the page. This checklist covers both, in the order worth doing them.

1. Standardise the shape first

Inconsistent shapes are what make a collection grid look amateur. The theme pads or crops unpredictably, products appear at different scales, and the eye reads the whole grid as untidy before it reads any single product.

Pick one canvas — square is the safe default — and pad every photograph to it. Padding rather than cropping keeps the full product visible, and a white field is standard for a reason: it disappears.

2. Cap the dimensions

Shopify generates its own resized variants, so uploading a 6000-pixel master achieves nothing except a slow upload. 2048 × 2048 is a sensible ceiling: large enough for the zoom viewer, small enough to be manageable.

3. Choose the format deliberately

WebP at quality 80 to 85 is typically a third smaller than JPEG at equivalent visual quality. Applied across a catalogue of several hundred images, that is a real difference to page weight.

JPEG remains a perfectly reasonable choice if your workflow depends on it. What is not reasonable is PNG for photographs, which is the single most common cause of a bloated media library.

4. Name files before upload, not after

Uploaded filenames become part of image URLs and populate default alt text. Renaming a batch to sku-1042-front, sku-1042-side, sku-1042-detail makes the media library navigable when it contains two thousand files, and gives search engines something meaningful.

A padded sequence keeps angles in a predictable order, which matters when a bulk import references filenames.

5. Write alt text that describes the product

Alt text is for people using screen readers first and search engines second. Describe what is in the image: "oak dining table, side view, showing tapered legs". Not "buy oak dining table cheap online", which serves neither audience.

Shopify will use the filename as a starting point, which is another reason step four is worth doing properly.

6. Check the collection page, not the product page

Product pages load a few large images. Collection pages load dozens of thumbnails, and that is usually where performance falls over. Look at the total transfer size of a collection page after your changes, not just an individual product.

7. Keep the masters

Every step here is destructive: cropping discards frame, compression discards data, conversion discards metadata. Run the batch once from your original files with the final settings, and keep the originals somewhere separate. Re-processing exports compounds losses that cannot be undone.

A single pass

In practice this is one batch operation: pad to 2048 square on white, convert to WebP at 82, rename with a SKU pattern, export as a ZIP. A catalogue of two hundred products goes from camera output to upload-ready in a few minutes, and — more importantly — comes out consistent.

What Shopify does with your upload

Shopify stores your original and serves resized variants through its CDN, requested by appending a size parameter to the image URL. Themes do this automatically, which means the dimensions you upload set a ceiling rather than a delivered size.

Two consequences follow. First, uploading larger than the largest variant your theme requests achieves nothing except slower uploads and a heavier store export. Second, uploading smaller than a requested variant is a real problem — Shopify will not upscale, so the theme serves your undersized file and it looks soft on a high-density screen.

2048 × 2048 sits comfortably above every variant a standard theme requests while remaining manageable.

The zoom threshold

Most themes enable a zoom or lightbox view on product pages, and the useful magnification depends entirely on having pixels to magnify. A 2048-pixel square gives roughly 2× zoom over a 1024-pixel display area, which is enough to inspect fabric weave or a joint.

For products where material detail drives the purchase — textiles, jewellery, furniture, anything handmade — this is the single most consequential image decision on the page.

Alt text at catalogue scale

Writing alt text for two thousand products by hand does not happen, so it needs to come from your product data.

A workable pattern is to generate it from fields you already maintain: product title plus the angle or variant. "Oak dining table, side view" is adequate, honest and better than an empty attribute or a filename. Reserve hand-written alt text for hero and lifestyle images where the composition carries information the product title does not.

Shopify populates alt text from the filename when none is supplied, which is another reason to rename before upload rather than after.

Checking your work

After a batch, three checks catch most problems:

1. Load a collection page on a throttled connection and watch when images arrive. Collection pages load dozens of thumbnails and are where performance fails first, not product pages.
2. Open one product's zoom view at full size and confirm the detail holds up.
3. Sort the media library by file size and look at the largest entries. A single 40 MB PNG that slipped through is common and easy to miss.

Keep the originals off the store

Uploading masters "just in case" is a habit worth breaking. Store exports and theme migrations carry the entire media library, and a library of full-resolution camera files makes both slow and occasionally unreliable.

Keep masters in your own storage, upload derived files, and re-derive if requirements change.