Real bandwidth savings
WebP typically lands 25–35% below an equivalent JPEG. Across a photo-heavy page that is the difference between a fast paint and a sluggish one, and it directly improves Core Web Vitals scores.
Convert JPG photos to WebP and cut file size by around a third.
Loading tool…
The tool is loading its code on your device. This happens once and is cached for later visits.
Processed entirely on your device
Overview
Recompress JPEG images as WebP for faster pages. Choose lossy or lossless mode, tune quality, and convert in batch — processed locally, never uploaded.
If your site still serves JPEGs, converting them to WebP is the highest-return performance change you can make in an afternoon. Google built WebP specifically to beat JPEG at the same perceived quality, and Lighthouse flags unoptimised image formats as one of the most common reasons a page fails its Largest Contentful Paint budget.
Lossy WebP is the replacement for JPEG. It uses predictive coding — each block is predicted from its neighbours and only the difference is stored — which is why it beats JPEG's discrete cosine transform at low bitrates. Use it for photographs, hero images and anything with smooth gradients.
Lossless WebP is the replacement for PNG. It keeps every pixel exact and still typically produces files about 26% smaller than PNG. Use it for logos, icons, screenshots and diagrams where ringing artefacts would be obvious.
The toggle in this tool selects between the two. If you are converting photographs, leave it on lossy and set quality between 75 and 85.
A 4000-pixel-wide camera JPEG displayed at 800 pixels is wasting roughly 95% of its bytes. Every recompression costs a little quality, so it is better to downscale and re-encode once than to convert now and resize later. Set the maximum width to match your largest real display size — commonly 1600 or 1920 pixels for full-bleed heroes, 800–1200 for content images.
Name the output with a .webp extension and set the Content-Type: image/webp header if you serve files directly. In HTML, a <picture> element gives you a graceful fallback:
<picture><source srcset="photo.webp" type="image/webp"><img src="photo.jpg" alt=""></picture>
Most modern build pipelines and CDNs will do this negotiation for you, but knowing the fallback pattern is useful when you are editing a legacy template by hand.
Step by step
Upload one or more .jpg or .jpeg images.
Set the WebP quality — try 75–82% for photographs and compare against the original size.
Optionally cap the maximum width so oversized photos are downscaled in the same pass.
Press Convert to WebP and review the savings shown for each file.
Download the .webp results and drop them into your site or CMS.
Why use it
What this tool is good for, and what it deliberately does not try to do.
WebP typically lands 25–35% below an equivalent JPEG. Across a photo-heavy page that is the difference between a fast paint and a sluggish one, and it directly improves Core Web Vitals scores.
Lossy mode for photographs, lossless mode for graphics that must stay pixel-exact. Lossless WebP is still usually smaller than the PNG it replaces.
Most camera JPGs are far larger than they are ever displayed. Capping the width in the same step avoids a second pass and a second round of compression.
Client photography, unannounced products and internal mockups stay on your machine — the conversion is done by the browser's encoder, not a remote service.
Questions
Short, honest answers about quality, limits and privacy.