When you'd do this
Your site's photos are JPGs and a page-speed report suggests serving modern image formats. WebP gives a photo that looks the same in fewer bytes, in every current browser.
What to expect
At the default 80% a photo usually comes out noticeably smaller than its JPG with no visible difference; each row shows the exact change. Camera details and location are removed and the photo is turned upright, so it shows the right way round on every site.
Recommended settings
75–80% for photos in web pages; 85–90% for hero images and portfolios where detail matters. Leave WebP Lossless off for JPGs: it keeps the JPG's artefacts exactly and usually makes a bigger file.
Where it opens
Every current browser, WordPress, Shopify and most site builders, and modern image editors. Older email clients and some upload forms still want JPG.
Good to know
- Both formats are lossy, so the photo is compressed a second time — don't go much below 75% for photos you care about.
- Very large photos are capped: a WebP can be at most 16,383 px a side.
- Colours are converted to sRGB, so wide-colour (Display P3) photos can look a touch less vivid on wide-colour screens.
How to do it
- Choose your JPG files, or drop or paste them on the page — as many as you like.
- Each is set to WebP. Change one on its own row if you like, and set Quality, WebP Lossless and Resize in Settings.
- Convert all, then download each WebP, or all of them in one .zip.
Questions
- Will JPG to WebP lose quality?
- A little, since the photo is compressed again — at 80% it's very hard to see.
- How much smaller will my photos be?
- It depends on the photo and the Quality. Each row shows the new size and the change against the JPG, and says so if a WebP comes out bigger.
- Does WebP work in Safari?
- Yes — Safari shows WebP on iPhone, iPad and Mac (iOS 14 and macOS Big Sur or later). And this tool makes WebP in Safari too, with libwebp running in your browser.