# How to resize a WebP image?

**URL:** https://community.imagekit.io/t/how-to-resize-a-webp-image/20
**Category:** Image API
**Created:** [February 25, 2025, 2:54am UTC](https://community.imagekit.io/t/how-to-resize-a-webp-image/20 "2025-02-25T02:54:32Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![shreyas](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@shreyas](https://community.imagekit.io/u/shreyas)
#### Post date: [February 25, 2025, 2:54am UTC](https://community.imagekit.io/t/how-to-resize-a-webp-image/20/1 "2025-02-25T02:54:32Z")

</div>

I have images in WebP format. They are in very high resolution, my designer sent them to me. I have stored them on my website server right now. But my page load time is slow because the size is very high and Google Lighthouse says I can resize these images. How do I resize these WebP images? I have 1000s of them.

---

<div class="post-metadata">

### Author: ![rahul\_nanwani](https://avatars.discourse-cdn.com/v4/letter/r/ecb155/32.png) [@rahul\_nanwani](https://community.imagekit.io/u/rahul_nanwani)
#### Post date: [March 11, 2025, 5:38am UTC](https://community.imagekit.io/t/how-to-resize-a-webp-image/20/2 "2025-03-11T05:38:08Z")

</div>

## Real-time URL-based resizing

ImageKit offers [real-time resizing parameters](https://imagekit.io/docs/image-resize-and-crop) for all images. These images can be in the ImageKit Media Library or [present on your server or cloud storage like S3, Azure](https://imagekit.io/docs/integration/connect-external-storage), etc., that is connected to ImageKit.

You need to add the height or width transformation parameters in the URL and you will get your WebP image resized in real time. This is great if you have a lot of images that need to be embedded directly on your website or app.

For example, to resize a WebP image to width 210px, we add `?tr=w-210` to the URL

```auto
https://ik.imagekit.io/ikmedia/docs_images/object.webp?tr=w-210

```

[![](https://ik.imagekit.io/ikmedia/docs_images/object.webp?tr=w-210) ](https://ik.imagekit.io/ikmedia/docs_images/object.webp?tr=w-210)

You have [other resize and crop options](https://imagekit.io/docs/image-resize-and-crop#aspect-ratio---ar) as well. You can specify either height or width, or combine one of these parameters with the aspect ratio parameter to resize the WebP image in real-time. For example, with the aspect ratio parameter set to 4:3 at width 450px, our transformation will look like this

```auto
https://ik.imagekit.io/ikmedia/docs_images/object.webp?tr=w-450,ar-4-3

```

[![](https://ik.imagekit.io/ikmedia/docs_images/object.webp?tr=w-450,ar-4-3) ](https://ik.imagekit.io/ikmedia/docs_images/object.webp?tr=w-450,ar-4-3)

You can directly use this URL on your website or app for your end users. ImageKit uses a CDN for fast loading time, and we will also [convert it to a suitable format](https://imagekit.io/docs/image-optimization#automatic-format-conversion) that is supported on the user’s device. Like if a device does not support WebP, ImageKit will convert it to a JPEG or a PNG as required.

## Manual Resize

You can also resize the WebP image manually if needed using the browser-based image editor in ImageKit. For this, upload the WebP image to the ImageKit Media Library, which is a built-in DAM solution, and use the [image editor to resize the image](https://imagekit.io/docs/dam/edit-images). You can download the image or save it back to the media library.

[![](https://ik.imagekit.io/ikmedia/docs_images/Community/in-built-editor.png?v=1741676482722) ](https://ik.imagekit.io/ikmedia/docs_images/Community/in-built-editor.png?v=1741676482722)
