How to Optimise E-commerce Product Images
Product images are the most important content on an e-commerce page — they drive conversion decisions. They're also typically the heaviest content, slowing page loads and hurting both SEO and conversion rates. This guide gives you a complete product image optimisation workflow that balances visual quality with page performance.
Quick Answer
Product images are the most important content on an e-commerce page — they drive conversion decisions. They're also typically the heaviest content, slowing page loads and hurting both SEO and conversion rates.
Try it now — free, no signup
Your images stay on your device. Nothing is uploaded to any server.
Step-by-Step Guide
5 steps · takes under 1 minute
Shoot or source images at 2000×2000px minimum
For zoom functionality on product pages, images need to be 2000px or larger on the longest side. Shoot at maximum quality. This is your master file — never compress the master.
Remove background for clean product cutouts
For most product categories, a white background with the product as a clean cutout is the standard. Use the Background Remover tool, then place on a white or transparent background. Save as PNG at this stage.
Export web versions at 1200×1200px, 85% WebP
From the master, export: (1) Main image: 1200×1200 WebP 85% ≈ 100–200KB. (2) Thumbnail: 400×400 WebP 80% ≈ 20–50KB. (3) Zoom image: 2000×2000 JPG 90% ≈ 400–700KB (loads on demand, not in initial page load).
Name files with keywords
Rename files descriptively before uploading: 'blue-leather-wallet-mens-bifold.webp' instead of 'IMG_4821.jpg'. This improves image SEO and Google Shopping visibility.
Add alt text for every product image
Alt text is the text description of an image used by screen readers and search engines. Write descriptive alt text: 'Men's blue leather bifold wallet — slim profile' not 'wallet' or 'IMG_4821'.
100% Private — Zero Uploads
ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.
Pro tip
Pre-optimizing images before uploading to a platform gives you more control than relying on the platform's automatic (and often aggressive) compression.
Format & File Size Comparison
Same 1080×1080px photo processed four ways
| Format | Quality | File Size | Notes |
|---|---|---|---|
| PNG (original) | Perfect | 4.2 MB | No compression — too large for web |
| Compressed PNG | Visually identical | 1.1 MB | −74% — transparency preserved |
| JPG (85% quality) | Excellent | 310 KB | −93% · Best for photos |
| WebP (85%)BEST | Excellent | 205 KB | −95% · Recommended for web |
Based on a 1080×1080px photo. Results vary by image content and complexity.
Related Free Tools
All tools run in your browser — no account or upload needed
Frequently Asked Questions
4 questions answered
Ready to get started?
Free, instant — your files stay on your device. Always.
Optimise Product Images