Skip to content
Imgifyr
Tools

Resize WebP Images Online

Change the dimensions of a WebP picture and choose what you get back: a smaller WebP for the web, a JPG for forms and email, or a PNG with transparency. The image is processed in your browser and never uploaded.

Drop your WebP image here

or

WebP · up to 50 MB · one image at a time

Processed locally — your image never leaves your device.

How to resize a WebP image

  1. Choose, drop or paste a .webp file. Images saved from websites are often WebP.
  2. Enter a width or height, pick a common width, or switch to Percentage.
  3. Choose the output: WebP, JPG or PNG, and set the quality for WebP or JPG.
  4. Select Resize WebP, compare the sizes, then download.

Features

  • Resize and change format in one step, so there's no separate conversion.
  • Keeps the alpha channel when saving as WebP or PNG.
  • Detects animated WebP files and tells you only the first frame can be resized.
  • Falls back to PNG automatically on browsers that can't write WebP.
  • Quality slider for WebP and JPG output, with the exact new file size shown.

WebP, JPG or PNG: which output to choose

Save asFile sizeTransparencyBest for
WebPSmallestYesYour own website, apps, CMS uploads that accept WebP
JPGSmallNo (white background)Application forms, email, printing, older software
PNGLargest for photosYesLogos and graphics where WebP isn't accepted

If you only need a JPG copy at the same size, the WebP to JPG converter is the shorter route. For a WebP that must fit under a KB limit, use resize image to KB.

Sizing WebP images for websites

WebP exists to make web pages faster, and the biggest saving comes from not sending more pixels than a screen can show. A full-width banner rarely needs more than 1920 pixels; an image inside an article column is usually 800–1280 pixels wide. Producing two or three widths and listing them in srcset lets phones download a fraction of the data. Use the bulk image resizer when you have a whole set to prepare.

Supported files

Still WebP images, lossy or lossless, with or without transparency, up to 50 MB. Animated WebP files open but only their first frame is resized. For JPG photos the JPG resizer adds print DPI, and the PNG resizer can reduce colours.

Typical uses

  • Images downloaded from websites: resize and save as JPG so a form or editor accepts them.
  • Website images: scale a large WebP export down to the column or banner width.
  • Online shops: match the marketplace's square or portrait product size.
  • Stickers and cut-outs: resize a transparent WebP and keep the background clear.

Privacy: your image stays on your device

Your WebP image is decoded and re-encoded by your own browser. No copy is sent to a server, and nothing is kept once you leave the page.

Read the privacy policy or see how the tools work for details.

Frequently asked questions

Should I save the resized image as WebP, JPG or PNG?

Keep WebP for websites and apps you control: it gives the smallest file and supports transparency. Choose JPG when the image is going into an upload form, an email or an older program that doesn't open WebP. Choose PNG when you need transparency and the destination doesn't accept WebP.

Why does it say WebP isn't available in my browser?

Every current browser can open WebP, but some versions of Safari can't create WebP files. In that case the resizer saves PNG instead (or JPG if you choose it). Chrome, Edge and Firefox can save WebP.

Can I resize an animated WebP?

Not with the animation kept. Browsers only let web tools read the first frame of an animated WebP, so the result is a still image of that frame, and the tool warns you when it detects an animated file. Animated GIFs are different: the GIF resizer keeps every frame.

Does the WebP keep its transparent background?

Yes, when you save as WebP or PNG. JPG has no transparency, so transparent areas are filled with white if you choose JPG.

What quality should I use for WebP?

80–90% is a good range for photos on websites. WebP at 80% generally looks as good as a JPG at a higher quality setting while being noticeably smaller. Raise it for images with fine text or sharp graphics.

Which widths should I make for responsive images?

A common set is 640, 1024, 1600 and 1920 pixels, used together in an img srcset so phones download the small file and large screens the big one. Resize the original once for each width.

Related tools