Image format choice isn’t a technicality you can defer — it directly affects page speed, conversion rate, and whether your listings get buried or featured on Google Shopping. A Shopify seller doing 200 orders a day can lose meaningful revenue simply by serving 800 KB JPGs when 90 KB WebPs would load three times faster. This guide gives you the practical decision tree: which format to use where, how to convert without quality loss, and how to automate the process so it doesn’t eat your afternoon.
Format Differences That Actually Matter for Ecommerce
There are dozens of image formats, but ecommerce runs on three. Here’s what each one does well and where it falls flat:
JPG: The Workhorse
JPG uses lossy compression, which means it discards pixel data to shrink file size. At quality settings between 75–85 (on a 0–100 scale), the visual difference from the original is imperceptible to most shoppers, and file sizes drop dramatically. JPG is ideal for lifestyle shots, model photography, and any image with gradients or complex backgrounds. It does not support transparency, so don’t use it for product cutouts on colored backgrounds.
PNG: For Transparency and Text
PNG is lossless, meaning no data is discarded on save. That makes it perfect for product images with removed backgrounds, images containing sharp text or logos, and screenshots. The downside: PNG files run significantly larger than equivalent JPGs. A PNG lifestyle shot might be 1.2 MB where the same image as a JPG at quality 80 would be 180 KB. Use PNG selectively — transparency or sharp-edge requirements only.
WebP: The Current Standard
WebP, developed by Google, supports both lossy and lossless compression and handles transparency (unlike JPG). It consistently produces files 25–35% smaller than JPG at equivalent visual quality, and 50–80% smaller than PNG for transparent images. Browser support hit ~97% in 2024, so the old “some users can’t see it” objection no longer holds. Shopify, WooCommerce, and most modern CDNs serve WebP natively. If you’re starting a new product line today, WebP should be your default output format.
When to Use Each Format: A Decision Tree
Run through these questions in order:
- Does the image need a transparent background? → Use WebP (lossy with alpha) for web display; PNG as the master source file.
- Is it a complex lifestyle or texture shot with no transparency? → Use WebP lossy or JPG at quality 80–85.
- Is it a product on a pure white background for Amazon/Etsy? → JPG at quality 85 meets most marketplace requirements and keeps uploads fast. Check marketplace specs — Amazon main images must be JPG or TIFF, not WebP.
- Does it contain sharp text, a logo overlay, or UI screenshot? → PNG or lossless WebP.
- Is it a print-ready asset or source file you’ll edit later? → PNG or TIFF; never compress your masters.
Marketplace Format Requirements You Need to Know
Different platforms have hard requirements that override your personal preferences:
- Amazon: JPG, TIFF, GIF, or PNG. Main image must be on pure white (RGB 255,255,255). WebP is not accepted as of 2026.
- Etsy: JPG, PNG, or GIF. Maximum 20 MB. The Etsy integration in PixelPanda exports at Etsy-optimized sizes automatically.
- Shopify: JPG, PNG, WebP, and GIF all supported. The storefront will serve WebP to compatible browsers automatically if you upload any of those formats.
- Google Shopping: JPG or PNG required in the feed; minimum 100×100 px, recommended 800×800 px+.
- Meta Ads: JPG or PNG. WebP is not accepted in the ad upload flow.
The practical implication: maintain WebP as your site display format, but keep JPG exports ready for ad platforms and marketplaces that don’t accept WebP.
How to Convert Without Quality Loss
Squoosh (Free, Browser-Based)
Google’s Squoosh runs entirely in your browser — no upload to a server. Drag in your image, select the output format, adjust quality with a live side-by-side preview, and download. For batch work it’s slow, but for one-off conversions it’s the most transparent tool available because you can see exactly what quality setting causes visible degradation before committing.
ImageMagick for Bulk Conversion
If you have hundreds of images, ImageMagick’s command line handles batch jobs in seconds. To convert a folder of PNGs to WebP at quality 82:
mogrify -format webp -quality 82 *.png
Pair this with a simple shell script that also resizes to your target dimensions and you can process an entire product catalog in under a minute.
PixelPanda’s AI Tools for Format-Ready Images
If you’re generating or retouching product images rather than just converting existing ones, the AI background remover exports transparent PNGs directly — the ideal master format before you convert to WebP for your storefront. Similarly, the AI photo enhancer outputs sharpened, color-corrected images at export-ready resolutions, so you’re converting from a high-quality source rather than trying to rescue a blurry phone shot.
File Size Targets by Use Case
Aim for these ranges; anything larger warrants compression before upload:
- Product main image (storefront): 60–120 KB as WebP at 1000×1000 px
- Product thumbnail: 15–30 KB at 300×300 px
- Lifestyle/banner image: 100–200 KB as WebP at 1800 px wide
- Amazon main image: Under 1 MB as JPG; most fall in the 200–400 KB range at quality 85
- Meta/Google ad creative: Under 1 MB; 300–600 KB is typical for 1:1 and 4:5 formats
Automating Format Conversion at Scale
Manual conversion doesn’t scale past a few dozen SKUs. Three automation approaches worth implementing:
- Shopify’s native WebP serving: Upload high-quality JPGs or PNGs; Shopify’s CDN automatically converts and serves WebP to supported browsers. Zero extra work on your end if you’re already on Shopify. The Shopify integration pushes PixelPanda-generated images directly to your product listings in the right format.
- Cloudflare Image Resizing: If you run your own storefront, Cloudflare’s Image Resizing feature converts to WebP on the fly at the CDN edge. You store one master JPG; Cloudflare handles format negotiation per browser.
- Export presets in your workflow: Set up named export presets in Photoshop, Lightroom, or your batch tool of choice — one preset per destination (Shopify, Amazon, Meta). Exporting to all three then takes a single click per image.
Getting your image formats right is a one-time setup that pays back on every page load and every ad impression going forward. If you’re also looking to generate studio-quality product images before you even get to the conversion step, PixelPanda’s AI product photography produces export-ready images sized and formatted for each major platform — no Photoshop session required. Start a free project and see how many assets you can generate before your next upload session.