Convert to Webp

WebP images are usually much smaller than JPG or PNG at similar visual quality, which makes web pages load faster. Add your images, choose the quality, and the converter creates WebP versions in your browser, showing the before-and-after size for each. Transparency from PNGs is kept. Download files individually or all at once as a ZIP.

What WebP is

WebP is an image format developed by Google that supports both lossy compression (like JPG) and lossless compression (like PNG), as well as transparency and animation. For photos, lossy WebP is typically noticeably smaller than a JPG of similar visual quality; for graphics with transparency, it is often much smaller than PNG. All major current browsers — Chrome, Edge, Firefox and Safari — display WebP, which is why it is widely used to speed up websites.

How to convert images to WebP

1. Add one or more images — JPG, PNG, GIF (first frame) or BMP.
2. Set the quality: around 75–85 suits most photos; 90+ keeps more fine detail; 100 is highest quality but larger.
3. Optionally set a maximum width to shrink large photos at the same time.
4. Click Convert and compare the before and after sizes.
5. Download each file or all of them as a ZIP.

Transparency in PNGs is preserved in the WebP output, so logos and cut-out product images keep their transparent backgrounds.

Choosing the quality setting

Compare the preview at 100% zoom with the original. If you cannot see a difference, try a lower quality to save more space.

When WebP is not smaller

Occasionally a WebP file comes out larger than the original — usually when the source was already a small, heavily compressed JPG, or a simple PNG graphic with very few colours. The converter shows the size change for each file so you can keep whichever version is smaller. Converting an already-compressed image cannot recover quality that was lost in the first compression.

Using WebP on a website

• Upload the WebP files and reference them in your pages like any other image.
• Keep descriptive file names and alt text for accessibility and search.
• For maximum compatibility with very old browsers, use the HTML picture element with a WebP source and a JPG fallback.
• Many content management systems and CDNs can serve WebP automatically; check your platform before converting manually.
• Set image width and height attributes to prevent layout shifts while pages load.

Worked example

A blogger converts 12 photos from a recipe post. The original JPGs average 480 KB each, 5.8 MB in total. At quality 80 with a maximum width of 1600 px, the WebP versions average 150 KB — about 1.8 MB in total, roughly a 70% reduction — and look the same at normal viewing size. The post now loads noticeably faster on mobile connections.

WebP vs AVIF vs JPG vs PNG

Animated images

WebP also supports animation and usually produces much smaller files than animated GIFs. This converter saves the first frame of an animated GIF as a still WebP; to convert animations, use a tool that handles animated WebP specifically, or better, convert the animation to a short MP4 or WebM video, which is smaller still and supported everywhere.

Checking quality before publishing

1. Open the original and the WebP side by side at 100% zoom.
2. Look at edges, text, skin tones and smooth gradients such as skies, where compression artefacts appear first.
3. If you see blockiness or banding, raise the quality by 5–10 and convert again.
4. If they look identical, try a lower quality to save more space.
5. Use the same quality for similar images so your site looks consistent.

Metadata and colour

Converting through a browser canvas does not carry over camera metadata such as location and camera model, which can be a privacy benefit for images published online. Colour profiles are handled by the browser; for colour-critical work such as professional photography, check converted images against the originals on a calibrated display.

Batch conversion tips

When converting a whole folder for a website, use the same quality setting for all photos so they look consistent, and set a maximum width that matches your site’s largest display size — there is no benefit in serving 4000-pixel photos in an 800-pixel column. Name files descriptively before converting, because the WebP files keep the original names with a new extension. Keep the originals in a separate folder so you can re-export at a different size or quality later without losing detail.

Privacy

Images are converted entirely in your browser. Nothing is uploaded or stored.