How to Process Supplier Images for Shopify

The supplier's zip lands in your inbox on a Friday. Forty photos. Half of them are 500 px wide, three are HEIC files from someone's iPhone, one is a 3 MB TIFF, and every one of them is named IMG_48-something. You need them on product pages by Monday.

To process supplier images for Shopify, check each photo is accurate and yours to use, upscale the ones that are too small, resize everything to one square size (Shopify recommends 2048 × 2048 px), compress to WebP, then rename the files and write alt text. In October 2026 we ran a 10-image supplier set through GlassyPic: 13.5 MB in, 869 KB out, every file upscaled where needed, resized, compressed, and tagged, about a minute for the whole batch.

What's wrong with supplier images?

Supplier images fail on Shopify for five separate reasons, and our 10-file test set had all five at once. A supplier shoots for their own catalog, not your theme, so sizes, formats, shapes, and filenames rarely match what a Shopify product page needs.

Our test set was built to look like a real supplier drop: four small JPEGs between 235 × 500 and 640 × 480 px, two HEICs, one TIFF, one 10.1 MB PNG, and two mid-size JPEGs, all named straight off a camera roll.

Step 1: Check the photo before you fix it

Before you edit anything, confirm the photo shows the product you'll ship (color, packaging, included parts) and that your supplier agreement lets you use it. No tool fixes a photo of the wrong variant. And removing a supplier's watermark without permission is a contract problem that no editor can solve.

If a photo is wrong or very small and the product depends on fine detail (a printed label, a logo, a fabric texture), ask the supplier for the original file first. Suppliers often send compressed copies by default and have the full-size shots sitting on a drive. One email can save you an afternoon of fixing.

Step 2: Why do small supplier photos look blurry on Shopify?

Small supplier photos look blurry because your theme displays them larger than they are. A 500 px photo shown in a 1000 px product slot gets stretched to twice its size, and zoom makes it worse. Shopify recommends 2048 × 2048 px for square product images, which is 4 times wider than a typical 500 px supplier shot.

There are two ways to make a small photo bigger. A plain resize (the kind every image editor does) invents the new pixels by averaging their neighbors, so edges go soft and JPEG blocks get bigger. An AI upscaler is trained on millions of photos, so it predicts what the sharp version should look like.

We compared both on the same 360 × 270 px photo of a figure, enlarged to 2048 × 2048 px. The plain resize came back soft, with visible blocking around the hair and jersey number. The AI-upscaled version had clean edges and no blocking. It was also 68 KB instead of 61 KB, because sharp edges carry real detail.

GlassyPic upscales automatically when you ask for a size more than 1.2 times bigger than the original. It picks 2× or 4×, then resizes to your exact target. In our run, every photo 720 px wide or smaller got 4×, and the 705 × 1500 px ones got 2×. Each upscaled image costs 2 extra credits.

Two limits to know before you rely on it:

• Upscaling reinterprets fine detail. The small crest on the figure's jersey came back as a smooth, generic disc. If a logo or printed text sells the product, check it after upscaling, or get the original from your supplier.
• It can't fix the wrong photo. Upscaling sharpens what's there. It won't correct a color, recover a cropped-off part, or add detail that was never captured.

For a deeper look at how AI upscaling works on product photos, see AI Image Upscaling for Product Photos.

Step 3: Resize every image to one shape

Resize every supplier image to the same square size, 2048 × 2048 px, so your collection grid lines up and zoom works on every product. Square is the safest shape because most Shopify themes display product images square, and a mixed set of tall and wide photos makes every card a different height.

When the original isn't square, you choose between cropping and padding. Cropping fills the square and cuts off the edges, which is fine for a centered product and bad for a tall one. Padding keeps the whole product and adds plain space around it. Our test set was mostly tall figure photos (705 × 1500 px), so we padded. Cropping would have cut off heads or feet.

If your theme uses a different ratio for collections (Dawn uses 3:4 portrait by default), the Shopify image sizes guide has the per-theme numbers.

Step 4: Compress and convert to WebP

Compress every image and convert it to WebP, aiming for roughly 70–150 KB per product photo at 2048 × 2048 px. WebP is smaller than JPEG at the same visual quality, and every modern browser supports it. The big supplier files are where compression pays off most.

Our two largest files show how big the savings get:

• The 3.0 MB TIFF came back at 96 KB, 97% smaller.
• The 10.1 MB PNG came back at 96 KB, 99% smaller.

Small files get bigger, and that's correct. A 360 × 270 px photo has 1/43rd of the pixels of a 2048 × 2048 px one. Ours went from 16 KB to 68 KB. That's the cost of a photo that's finally large enough to look sharp. Across the whole batch, every output landed between roughly 70 KB and 115 KB, whatever size it started at. That consistency is what you want from a product catalog.

For a format-by-format comparison, see WebP vs AVIF vs JPEG for Shopify.

Step 5: Rename files and write alt text

Rename each file to describe the product (IMG_4829.jpg becomes blue-lock-isagi-figure-number-11.webp) and write alt text that says what's in the photo. Both help Google understand your images, and alt text is what a screen reader announces to a shopper who can't see the photo.

GlassyPic's Tag tool writes both. In our run, it named the character and the series on every full-figure shot, for example: "Blue Lock Yoichi Isagi figure in dynamic running pose, wearing blue soccer uniform with number 11."

It also got one wrong. On a tight 500 × 500 px crop of a coat and scarf, with no face in frame, it confidently named a different character from a different series. Twice. Spot-check alt text on detail shots and crops, where there's less for any model to go on. Full product shots were right every time.

More on this in How to Auto-Generate Alt Text for Product Images.

How do you run steps 2–5 in one batch?

To run steps 2 through 5 in one pass, drop the whole supplier folder into GlassyPic, set the size to 2048 × 2048 px, choose WebP, turn on alt text, and press Polish. Upscaling happens automatically for the files that need it. HEIC and TIFF files are converted when you upload them, so they need no extra step (more on iPhone photos in HEIC to JPG for Shopify).

Our 10-file supplier set came back like this:

All ten went in one batch and the last one finished about a minute after upload, upscaling included. The full results, with a checklist for judging any bulk tool, are in Bulk Image Optimization for Product Photos.

You can try it on a few of your worst supplier photos without an account: the free daily credits cover two to four images through the full pipeline, depending on how many need upscaling. Drop your supplier photos into GlassyPic and you'll get the files back ready to upload. A Shopify app that runs the same steps from inside your admin is on its way to the Shopify App Store.

What about backgrounds?

GlassyPic doesn't remove or replace backgrounds. If your supplier shot products on cluttered or inconsistent backgrounds and you want a clean white look, do that step first in a background-removal tool, then run the cleaned files through the batch above for upscaling, sizing, compression, and alt text. Doing it in that order means you only resize and compress once.

Frequently Asked Questions

Q: Can I use my supplier's product photos on my Shopify store?

Yes, if your supplier agreement allows it, so read the contract before you edit anything, especially before removing a watermark. Then confirm each photo matches the variant you ship. Returns that start with "it looked different in the photo" cost more than an email asking the supplier for the right shot.

Q: What size should supplier images be for Shopify?

Resize supplier images to 2048 × 2048 px square, the size Shopify recommends for square product images. That's large enough for zoom on most themes. Keep each file under 20 MB (Shopify's limit), though after WebP compression a 2048 × 2048 px product photo usually lands between 70 KB and 150 KB.

Q: Can AI upscaling fix a blurry supplier photo?

AI upscaling fixes photos that are blurry because they're small: it enlarges them with clean edges instead of stretched, blocky pixels. It can't fix motion blur, out-of-focus shots, or the wrong color. Fine details like logos and printed text can come back smoothed, so check those after upscaling.

Q: Should supplier images be JPG or WebP for Shopify?

Use WebP for product images. WebP files are smaller than JPEG at the same visual quality, and every modern browser supports them. Shopify accepts WebP uploads directly. In our test, a 3.0 MB TIFF converted to a 2048 × 2048 px WebP came back at 96 KB.

References

• GlassyPic dogfood runs, 10-file supplier set through the production pipeline, October 15 and 16, 2026 (docs/blog/research/dogfood-runs.md).
• Shopify Help Center, "Product media types": 2048 × 2048 px recommended for square product images; 20 MB file limit; up to 5000 × 5000 px.