> For the complete documentation index, see [llms.txt](https://docs.cloudimage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudimage.io/transformations/image-operations/width-and-height.md).

# Width and height

Resizes an image to a specified width or height while preserving its original aspect ratio. You need to specify the **`width`** or **`height`** parameter in pixels. After transformation, the image will be compressed and delivered via CDN.

<mark style="color:orange;">**width**</mark> | <mark style="color:orange;">**w**</mark>

<mark style="color:orange;">**height**</mark> | <mark style="color:orange;">**h**</mark>

## Examples

| Preview                                                             | Syntax                                                                                                                                                                                                            |
| ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/y3mhOeScbvBLFvmSgLoK)                                    | [/samples.scaleflex.com/birds.jpg?<mark style="color:orange;">**w=600**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/birds.jpg?w=600)                                                            |
| ![](/files/zUrTSmZQJ7FT19gRHVeb)                                    | [/samples.scaleflex.com/frog.png?<mark style="color:orange;">**width=415**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/frog.png?width=415)                                                      |
| ![](/files/qlG8bMtyMwFwneVJv8Ri)                                    | [/samples.scaleflex.com/paris-salon2.jpg?<mark style="color:orange;">**h=430**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/paris-salon2.jpg?h=430)                                              |
| <img src="/files/pyj2rMNzqNdVkEKCy3G4" alt="" data-size="original"> | [<mark style="color:blue;">**/samples.scaleflex.com/mountains.jpg?**</mark><mark style="color:orange;">**h=400\&w=350**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/mountains.jpg?h=400\&w=350) |
| <img src="/files/Im6rR17JASmY4f2rHsNs" alt="" data-size="original"> | [<mark style="color:blue;">**/samples.scaleflex.com/tesla.jpg?**</mark><mark style="color:orange;">**height=350**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/tesla.jpg?height=350)             |