How to compress product images without losing quality
Heavy product images slow your store, hurt Core Web Vitals and cost you rankings and sales. Here's how to make them light without making them look bad.
The three levers
- Resize first. Serving a 6000 px image where 2048 px is enough is the most common waste — resizing saves the most.
- Pick the right format. WebP for the best ratio, JPG for photos without transparency, PNG only for transparency.
- Compress smartly. Around 75–85% quality keeps product photos looking sharp while cutting most of the weight.
Format cheat sheet
- WebP — best size-to-quality; great default for product images.
- JPG — solid for photographic images without transparency.
- PNG — only when you need a transparent background (larger files).
Do it once, for every image
The hard part isn't compressing one image — it's compressing every image, consistently, forever. Shelfshoot outputs a clean, correctly sized image as part of publishing, so every product photo lands light and consistent without a separate compression step. Shopify and most platforms then serve WebP on top.
Fast product images, by default
Scan, shoot and publish correctly sized, clean images to every product. Try Shelfshoot free.
Try Shelfshoot freeFAQ
How do I compress product images without losing quality?
Resize to the resolution you actually need (around 2048 px for product images), use a modern format like WebP, and apply compression around 75–85% quality. For most product photos that removes most of the file size with no visible loss.
What is the best image format for ecommerce?
WebP offers the best balance of quality and file size and is widely supported. Use JPG for photographic images without transparency, and PNG only when you need a transparent background.
What file size should product images be?
Aim to keep most product images well under ~200 KB while staying sharp enough to zoom. Exact size depends on dimensions and detail, but resizing plus WebP compression usually gets you there.