Workflow6 min read·Updated

Convert Product Photos to WebP (Catalogue Workflow)

A product photo should look expensive and load in a blink. Convert the catalogue to WebP at 1600–2048 px and 80% quality: zoom still works, category grids stop choking, and you can measure the megabytes you just removed.

What a product image is for

It is not an archive master. It is a selling tool at a known pixel width. Keep RAW/TIFF offline. Ship WebP that matches the largest PDP viewer.

Why it matters

  • PDP LCP is almost always the main image.
  • PLP multiplies one SKU image by 20.
  • Supplier files arrive as sRGB JPEGs at 5000 px.

How to do it

  1. Collect the current live images or studio exports.
  2. Convert in batches of 100: 80% quality, 2048 px max for heroes.
  3. Spot-check the first free download on a phone, then unlock the ZIP.
  4. Replace on the store. Keep alt text and filenames stable if feeds depend on them.

Settings that work

White-background pack shots tolerate 75–80%. Lifestyle on dark scenes: 82–88%. Swatches: 300 px / 85%.

SurfaceWidthQuality
PDP zoom2048 px80–85%
PDP main, no zoom1400 px80%
PLP card800 px75–80%
Convert a batch in your browser. Nothing is uploaded.

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

Not at 80% on a phone or laptop. Compare the free first image on your actual PDP.

This workflow is for stills. Compress video separately.

Keep reading

Workflow6 min read

Ecommerce image sizes

Recommended pixel widths and WebP quality for PDP, PLP, zoom, swatches and banners — platform-agnostic.

Read more
Platforms6 min read

WebP for Shopify

Shopify now serves WebP automatically, but oversized originals still hurt LCP. How to convert product photos to WebP before upload, recommended sizes, and a private bulk workflow.

Read more
Platforms6 min read

WebP for WooCommerce

WordPress serves WebP natively. WooCommerce product galleries still suffer from huge originals. Bulk convert catalogue images and skip bloated optimisation plugins.

Read more