How to Bulk Convert Product Images to WebP (Free, No Upload)
September 16, 20263 min read
If you sell on Shopify or WooCommerce, your product photos are probably the single biggest thing slowing down your storefront. A typical DSLR or phone photo runs 3–8 MB; multiply that by 40 product images on a collection page and you've got a page that takes seconds to paint on mobile. WebP fixes most of that with zero visible quality loss, but converting hundreds of files one at a time in Photoshop or an online tool that caps you at 5 images is not a realistic workflow for a real catalog.
This guide walks through converting a full batch of product images to WebP — renamed, resized and zipped — in one pass, using the Bulk WebP Converter.
Why WebP for product images specifically
WebP typically shrinks product photography by 25–50% compared to JPEG at the same visual quality, and it supports transparency the way PNG does — useful if you shoot products on a white or transparent background. Google's PageSpeed Insights and Core Web Vitals both flag "serve images in next-gen formats" as a common fix, and product-heavy pages are exactly where that flag shows up most.
The trade-off almost nobody hits in practice: WebP is supported by every browser Shopify and WooCommerce sellers' customers actually use (Chrome, Edge, Firefox, Safari 14+). There's no real reason left to skip it for a modern storefront.
Step 1 — Gather your images and decide on a naming pattern
Before you drop files in, decide how you want them named on the way out. A pattern like {name}-{color}-{index} produces files like canvas-tote-black-1.webp, canvas-tote-black-2.webp — consistent, readable, and already in the shape Shopify and WooCommerce expect when you bulk-upload to a product's media gallery.
Drop your images (or a whole folder) onto the Bulk WebP Converter and fill in the rename template. If a variant doesn't need a color in the name, just drop {color} from the pattern.
Step 2 — Pick a size and, if you sell on a marketplace, a square canvas
Set the long-edge size in pixels — 1600–2000px is a safe default for zoomable product pages; go smaller (1200px) if you're optimizing purely for speed and don't offer zoom. Quality of 80 is a good starting point; drop to 70 if you're converting thousands of images and file size matters more than perceptual quality at that scale.
If you're prepping images for Etsy, Amazon or any marketplace that requires a square thumbnail, turn on Fit to square canvas and pick a background color (white is the near-universal marketplace default). The tool pads the image onto a square canvas instead of cropping it, so nothing important gets cut off.
Step 3 — Convert and download
Hit convert. Images are resized and encoded in parallel using Web Workers, so a batch of a few hundred images typically finishes in under a minute on a normal laptop — and because nothing is uploaded, there's no network round-trip slowing you down. For very large batches, enable save directly to disk while converting; this streams the ZIP to your drive instead of holding everything in memory, which matters once you're past a few hundred images.
Once it's done, you get one ZIP with every renamed, resized, WebP-encoded file ready to drag into your Shopify or WooCommerce media library.
A note on file size targets
As a rough budget: keep individual product images under 200 KB after conversion for collection/grid views, and under 400 KB for a dedicated product detail image people might zoom into. If you're consistently landing well above that after conversion, it's usually the long-edge size that needs to come down, not the quality slider — a 4000px-wide image at 60% quality is still bigger than a 1600px-wide image at 85%.
For the underlying size and format math — aspect ratios, target dimensions for Shopify vs. WooCommerce, and why "just compress the JPEG" isn't the fix — see our Shopify product image size guide.
Try it now
Open the Bulk WebP Converter, drop a handful of images to see it in action, or load the built-in sample images to try the rename template and square canvas option before committing your real catalog.
Bulk WebP Converter & Renamer
Rename, resize and convert hundreds of product images to WebP, zipped, in your browser. Optionally fit them on a square white canvas.
Open the free tool →Related reading
Shopify & WooCommerce Product Image Size: The Complete Guide
Ideal dimensions, aspect ratio and file size for Shopify and WooCommerce product images, why WebP beats JPEG for catalogs, and how image weight affects page speed and rankings.
Why Your Product Filters Are Broken (It's Your Variant Data)
Inconsistent variant values like Red/red/RED or S/Small silently break storefront filters, search facets and inventory counts. Here's how the drift happens and how to fix it.