The same image that’s 1.2MB as a JPEG or 3MB as a PNG is typically 300–800KB as WebP — with equal or better visual quality. Google created WebP specifically for web performance, and PageSpeed Insights will flag your JPEG and PNG images until you convert them. Here’s how to do it for free.
Why Convert to WebP?
- WebP lossy is 25–34% smaller than JPEG at equivalent quality
- WebP lossless is 25–35% smaller than PNG
- Supports transparency (unlike JPEG) and animation (like GIF, but smaller)
- Google PageSpeed Insights specifically recommends “serving images in next-gen formats”
- 97% browser support as of 2025 — including Safari (iOS 14+)
Method 1: AllMediaTools Image Converter (Free, Online)
- Open AllMediaTools Image Converter.
- Upload your image (JPEG, PNG, GIF, or BMP).
- Select WebP as output format.
- Choose Lossy (photos, smaller file) or Lossless (logos, transparency, perfect quality).
- If Lossy, set quality to 80. Click Convert and download.
Lossy vs Lossless WebP: Which Should You Use?
| Image type | WebP mode | Why |
|---|---|---|
| Photos (product, hero, blog) | Lossy, quality 80 | 25–34% smaller than JPEG, invisible quality loss |
| Logos, icons with transparency | Lossless | Preserves alpha channel, smaller than PNG |
| Screenshots with text | Lossless | Keeps text sharp, no compression artifacts |
Method 2: Batch Conversion with cwebp (Command Line)
# Convert single JPEG to WebP (quality 80)
cwebp -q 80 input.jpg -o output.webp
# Batch convert all JPEGs in current folder
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; done
# Batch convert all PNGs to lossless WebP
for f in *.png; do cwebp -lossless "$f" -o "${f%.png}.webp"; doneInstall: brew install webp (Mac) or apt-get install webp (Linux).
Using WebP on Your Website
WordPress
WordPress supports WebP uploads natively since version 5.8. Upload via the Media Library and use exactly like JPEG or PNG. For automatic conversion of all uploads, use the Smush or ShortPixel plugin.
HTML with fallback (maximum compatibility)
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" loading="lazy">
</picture>Serves WebP to modern browsers; JPEG fallback to older browsers (Safari <14, IE11).
Frequently Asked Questions
Does WebP support transparency?
Yes — WebP lossless fully supports the alpha channel, just like PNG. Use it as a drop-in PNG replacement for logos and icons.
Will converting to WebP break my website?
Not for 97%+ of users (modern browsers). For maximum safety, use the <picture> element with a JPEG fallback for the remaining users.
Can I convert WebP back to JPEG?
Yes. Use AllMediaTools Image Converter in reverse — upload the WebP, select JPEG as output.
Should I replace all my existing site images with WebP?
Start with high-traffic pages (homepage, product pages). Use Google PageSpeed Insights to identify which images have the biggest performance impact, then prioritize those. For ongoing uploads, always use WebP from the start. Learn more about the format differences in our WebP vs JPEG vs PNG comparison.