How to Prepare Product Images for Your Online Store
E-commerce images need the right size, format, and compression. Here's a step-by-step workflow that works for Shopify, WooCommerce, and Etsy.
My friend Dave opened an Etsy shop selling leather wallets last summer. Nice products. Terrible photos. He was uploading 6MB JPGs straight from his iPhone, all different sizes, some portrait some landscape. His conversion rate sat at 1.2% for three months.
I spent a Saturday afternoon fixing his entire product catalog. Same photos, just properly cropped, resized, compressed, and converted to WebP. Two weeks later his conversion rate hit 2.8%. Same traffic. Same listings. Better images.
That’s when I realized most small sellers don’t know the technical requirements each platform has. They just upload whatever their phone produces and hope for the best. Here’s what actually works.
Image size requirements for each platform
Every marketplace has its own recommended dimensions. Go too small and your photos look blurry on retina screens. Go too big and you’re wasting storage space and bandwidth.
| Platform | Recommended Size | Max File Size | Notes |
|---|---|---|---|
| Shopify | 2048 x 2048 px | None | Square images display best in themes |
| WooCommerce | 1000 x 1000 px | Depends on host | Check your theme settings for crop behavior |
| Etsy | 2700 px longest side | 10 MB | Minimum 1000 px on shortest side |
| Amazon | 2000 x 2000 px min | 10 MB | Max 10000 x 10000 px. Must have white background |
| eBay | 1600 x 1600 px | 12 MB | Zoom requires at least 1600 px on longest side |
I keep this table bookmarked because the requirements change from time to time. Amazon bumped their minimum from 500 to 1000 pixels a while back, and some sellers got caught off guard.
The one thing they all have in common: square product images. Every single platform displays squares in search results and grid layouts. If your photo is portrait or landscape, the platform will crop it, and it won’t crop where you want.
The four-step workflow I use for every product photo
This is the exact process I used on Dave’s 50 wallet photos. It works for any product category.
Step 1: Crop to square
Open the crop tool and drag your photo in. Set the aspect ratio to 1:1 and position the crop area so the product fills the frame. Leave some breathing room around the edges. Don’t crop so tight that the product touches the border.
For products shot on a white background, make sure the background extends evenly on all sides within the crop. Uneven white space looks amateur.
Step 2: Resize to the target dimension
Take the cropped square and resize it to match your platform. For Shopify, that’s 2048 x 2048. For Amazon, 2000 x 2000. Etsy likes 2700 x 2700.
If you sell on multiple platforms, resize to the largest requirement first. You can always downscale from there. Going the other direction, upscaling from a small image, gives you blurry results.
I usually resize to 2048 x 2048 since that covers Shopify and Amazon. For Etsy I go up to 2700 x 2700. The resize tool processes in about two seconds per image.
Step 3: Compress under 200KB
This is where most sellers mess up. They upload a 2048 x 2048 image that’s 4MB because they think higher file size means higher quality. It doesn’t.
Run your resized image through the compressor. I set the quality to 80 for product photos. That typically brings a 2048 x 2048 image down to 150-190KB. The visual difference is nonexistent at normal viewing distance.
Why 200KB? Google’s PageSpeed Insights penalizes pages with large image payloads. Ecommerce stores with 20-50 product images on a category page can easily hit 100MB+ of images if left uncompressed. That kills your load time and your search ranking.
Step 4: Convert to WebP
This one’s optional but I always do it. Convert your final image from JPG or PNG to WebP. You’ll typically shave another 25-35% off the file size with no visible quality loss.
Shopify and WooCommerce both support WebP natively. Etsy converts uploads to their own format anyway, but the smaller initial file uploads faster. Amazon accepts WebP for some placements but not all, so check their current guidelines before switching.
How long this really takes: processing 50 product photos
I timed myself redoing Dave’s entire catalog so I could give you a real number, not a guess.
- Cropping 50 images to square: 18 minutes
- Resizing all 50 to 2048 x 2048: 6 minutes (batch drag)
- Compressing all 50 to under 200KB: 5 minutes (batch drag)
- Converting all 50 to WebP: 4 minutes (batch drag)
Total: 33 minutes for 50 product photos. That includes a coffee break in the middle.
The batch feature makes a huge difference. You can drag all 50 images into the tool at once, set your parameters, and process them together. Download as a zip and you’re done. No doing them one by one like some other tools make you.
After processing, the total folder size went from 287MB down to 8.4MB. That’s a 97% reduction. And the photos looked better because they were properly cropped and consistent in size.
Mistakes I see all the time
White backgrounds that aren’t truly white. Your eye thinks something is white, but the camera picked up a slight blue or gray tint. When these images sit next to properly white product photos in search results, they look dingy. Fix this by adjusting levels or brightness so the background reads as pure white (#FFFFFF). Or better yet, shoot on actual white sweep paper instead of a bedsheet.
Inconsistent sizes across a listing. One image is 2000 x 2000, the next is 1800 x 1400, the next is 3000 x 3000. When a customer swipes through your gallery, the layout jumps around. It looks sloppy. Crop and resize every image in a listing to the same dimensions before uploading. All square, all the same pixel count.
File sizes over 1MB. I’ve seen individual product images at 8MB. On mobile data, that’s a painful wait. On a category page with 30 products, the page might never finish loading. Keep each image under 200KB. Your customers on phones will thank you, and Google will rank your pages higher.
Forgetting the zoom test. Amazon and eBay both offer zoom on product images. If your source photo is low resolution, zooming in reveals a pixelated mess. Always start from the highest resolution original you have. Resize down, never up.
Mixing formats in one listing. Don’t have image one as JPG, image two as PNG, and image three as WebP. Different formats render with slight color variations and compression patterns. Pick one format and use it for everything in a listing. WebP if the platform supports it, JPG otherwise.
Tools for the job
Everything I described runs in your browser at ImgPrism. No software to install, no files uploaded to any server, no account needed.
- Crop images to square for consistent product framing
- Resize to platform dimensions for the right pixel count
- Compress under 200KB for fast page loads
- Convert to WebP for smaller files with no quality loss
The whole pipeline, crop to square, resize, compress, convert, takes about 40 seconds per image once you get the rhythm down. Batch mode cuts that to almost nothing when you have a pile of photos to process.