A WebP resizer for faster-loading websites
WebP is the image format Google created for the web: one format that handles photos, graphics and transparency, usually at a smaller file size than JPG or PNG. This WebP resizer changes the pixel dimensions of WebP files — and turns JPG, PNG or GIF images into resized WebP — so every picture on your site is no larger than the space it fills.
Pick a width (the height follows), a percentage, or a web preset such as a 1920 px hero or an 800 × 450 card, choose the quality, and optionally set a KB budget per image. Transparent areas stay transparent. Batches download as a ZIP, and because everything runs in your browser, your images are never uploaded.
How to use the WebP Resizer
- Drop WebP, JPG or PNG files onto the upload area.
- Choose Pixels and type the display width you need, or pick a Preset size for heroes, article images, cards, products and thumbnails.
- Set the quality — 75–85% is a good balance for photos on the web — and optionally a target file size in KB.
- Keep “Transparent” ticked to preserve transparency in logos and product cut-outs.
- Download the WebP file, or every image as a ZIP, and upload them to your site.
WebP Resizer features
Resize and convert in one step
Feed in WebP, JPG or PNG and get resized WebP out, at the quality you choose.
Transparency kept
WebP supports an alpha channel, so cut-out products, logos and stickers keep their transparent backgrounds.
KB budgets per image
Set a limit such as 150 KB and the tool searches for the best quality that fits, shrinking pixels only if necessary.
Web-ready presets
Hero, article, card, product and thumbnail sizes, plus a 512 × 512 sticker under 100 KB.
Batch for responsive images
Run the same photos at several widths to build a srcset, and download each run as a ZIP.
Why resize before converting to WebP
WebP compresses well — Google reports lossy WebP files 25–34% smaller than comparable JPEGs — but compression cannot fix an image that is simply too big. A 4000-pixel phone photo shown in a 800-pixel column still downloads all its pixels. Resizing to the displayed width (or twice that for high-density screens) usually saves far more than the format change alone.
A practical rule: size each image to the largest width it is ever displayed at, multiplied by 1.5–2 for sharp results on retina screens, then pick 75–85% quality. Check the before-and-after sizes in the stats panel and lower the quality if the file is still heavy.
Suggested WebP widths for responsive images
| Width (px) | Typical use |
|---|---|
| 480 | Phone-width images, small cards |
| 800 | Blog thumbnails, half-width images |
| 1200 | Article images in a content column |
| 1600 | Wide content images on high-density screens |
| 1920 | Full-width hero banners |
WebP compatibility notes
- All current versions of Chrome, Edge, Firefox and Safari display WebP, as do Android and iOS apps built on them.
- Saving WebP needs a browser that can encode it — Chrome, Edge and Firefox can, but Safari cannot. In Safari this tool tells you and saves PNG instead.
- WebP files have no standard DPI field, so the DPI option is disabled for WebP. Use the JPG resizer or PNG resizer for print.
- Some older software and email clients still prefer JPG or PNG. Switch the output format here, or use the image converter.
WebP Resizer FAQ
How do I resize a WebP image?
Drop it into this WebP resizer, type the width you need in Pixels (the height follows), choose a quality and download. You can also pick a preset such as 1200 × 800.
Does resizing WebP keep transparency?
Yes. WebP supports transparency, and the tool keeps it. Tick “Transparent” to keep any added padding transparent too.
What quality should I use for WebP?
75–85% suits most photos on websites. Graphics with flat colours and text may need 90% or higher to stay crisp.
Can I convert JPG to WebP and resize at the same time?
Yes. Drop JPG or PNG files in; the output format is already WebP, so you get resized WebP files in one step.
Why can’t I save WebP in Safari?
Safari can show WebP but its canvas cannot encode it. The tool falls back to PNG there; use Chrome, Edge or Firefox to save WebP.
Are my images uploaded?
No. Resizing and encoding happen in your browser, so your images stay on your device.