Shopify Product Image Workflow: Compress, Resize & Upload 250 Photos in 3 Minutes
You just added 50 new products to your Shopify store, 5 photos each — that’s 250 images. What’s your workflow?
A: Open each photo in Photoshop, resize, export as WebP, upload one by one. Time: an entire afternoon. B: Drag all 250 into TinyOpt, set your parameters, click Start. Time: 3 minutes.
If you picked A, this article is for you.
The Three Headaches of Shopify Product Images
Shopify has clear performance recommendations for product images, but most sellers ignore them. The result: slow loading, low PageSpeed scores, and lost conversions.
1. Massive File Sizes
Shopify recommends product images under 200KB, thumbnails under 50KB. Yet most product photos come straight from a camera or phone — 2-5MB each is common.
A 50-product store: if each original is 3MB, loading 10 product images on the homepage is 30MB. On mobile, that’s theoretically a 30-second wait. In reality, shoppers leave after 3 seconds.
2. Inconsistent Dimensions
Product photos from different sources — 2000x3000, 4000x3000, 800x1200. Shopify themes expect uniform aspect ratios in thumbnail grids. Mismatched sizes mean either cropped products (parts cut off) or broken layouts.
3. Terrible Filenames
IMG_3829.jpg, DSC_0001.jpg, photo_001.jpg — these filenames mean nothing to Google. Meanwhile, wool-coat-grey-size-m.webp is an SEO asset. Google Images and Google Shopping use filenames to understand image content and match them to buyer queries.
The TinyOpt All-in-One Workflow
Step 1: Batch Compress (the core)
Open TinyOpt, drag all 250 product images into the ‘Compress’ tab:
- Output format: WebP (60-70% smaller than JPEG, visually lossless)
- Resize mode: Fit, 2048x2048 (Shopify’s recommended max product image size)
- Output folder: Choose a new folder to preserve originals
- Click Start: Multi-key concurrency processes 250 images in ~3 minutes
Results: 2-5MB originals → 80-180KB WebP, 90%+ size reduction, indistinguishable from originals to the naked eye.
Step 2: Batch Rename (SEO)
Switch to the ‘Rename’ tab:
- Template:
{name}-{index} - Pre-name files by product folder
- Use
{index}for auto-numbering:wool-coat-grey-01.webp
SEO-friendly filenames help Google understand your product images. A shopper searching for “grey wool coat” is far more likely to see your product in Google Images or Google Shopping results.
Step 3: Upload to Shopify
Compressed WebP files upload fast. Two things to remember:
- Shopify supports WebP natively: Upload WebP directly — Shopify handles browser compatibility automatically (falls back to JPEG for unsupported browsers)
- Alt text: After upload, add Alt tags in Shopify admin for each product image — your second line of defense for product image SEO
Manual vs TinyOpt Batch: Head-to-Head
| Manual (Photoshop / Online Tools) | TinyOpt Batch | |
|---|---|---|
| 250 images | 2-4 hours | 3-5 minutes |
| File sizes | Inconsistent (hard to standardize manually) | Uniform compression quality |
| Naming convention | Easy to miss some | Template-based, zero mistakes |
| Multi-task | Requires multiple tools | Compress + rename + format conversion in one pass |
Pro Tips
- Keep originals: Compression is lossy and irreversible. Always keep a backup of raw files.
- Stack API keys: TinyPNG free tier gives 500 compressions/month per key. Add multiple keys in TinyOpt for automatic rotation.
- Default to WebP: Unless a third-party platform requires JPEG, WebP is the right default for e-commerce.
- Use crop mode: If your Shopify theme requires 1:1 square product images, bulk-crop to 1:1 in one click.
250 product photos, processed and uploaded, in less time than a lunch break. Spend the 4 hours you saved on product research, copywriting, or marketing — the things that actually generate revenue.
TinyOpt Team
The team behind the TinyOpt open-source project, focused on building and optimizing desktop image processing tools. We help designers, front-end developers, and content creators process images in bulk — efficiently and for free.