Platforms6 min read·Updated

Magento / Adobe Commerce WebP Product Images

Magento generates cached image sizes from `pub/media/catalog`. If those masters are 4 MB PNGs, every cache warmup is slow and every product page is heavy. Replace masters with WebP at 1200–1600 px and let Magento's resizer work from a sane file.

Where Magento stores the problem

Look at catalog/product. Those files are the source for listing, product, and zoom images. WebP masters shrink disk, cache generation time, and TTFB after deploy when caches are cold.

Why it matters

  • Configurable products repeat images across SKUs.
  • FPC does not make a 800 KB hero small.
  • Extensions that 'add WebP' often duplicate every file on disk.

How to do it

  1. Export the catalogue image folder (or a category at a time).
  2. Convert to WebP at 1600 px, quality 80 (zoom still looks fine on a laptop).
  3. Replace files keeping Magento filenames, then bin/magento catalog:images:resize if needed.

Settings that work

Base 1600 px. Small/thumbnail can remain generated. Avoid 4000 px 'zoom' masters unless you sell art prints on a 5K display.

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

2.4.x can serve WebP depending on theme and image adapter. Uploading WebP product images is the reliable path.

Not if you keep ~1600 px. Zoom on a 360 px phone still upscales from that. True 4K zoom is rarely worth the weight.

Keep reading

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
Workflow6 min read

Ecommerce image sizes

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

Read more