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

# Width and height

Proportionally resizes to the desired width or height

Resizes the image to a specified **width** or **height** (in pixels) while keeping proportions and delivers the resulting image 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                                                                                                                         |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FIHHj05qNNgCwy9dcAlZe%2Fimage.png?alt=media\&token=d5220353-6a1c-4c1d-a869-0b94afcf7ee1) | [/docs/birds.jpg?<mark style="color:orange;">**w=600**</mark>](https://fdocs.filerobot.com/docs/birds.jpg?w=600)               |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F5BEXJ8lnJY7jCVg2KPnk%2Fimage.png?alt=media\&token=1f72a341-0f19-4304-ac3e-3942d8c5a904) | [/docs/frog.png?<mark style="color:orange;">**width=415**</mark>](https://fdocs.filerobot.com/docs/frog.png?width=415)         |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FG4fq45iqhW3XfyUUxEAU%2Fimage.png?alt=media\&token=a08ee08e-f690-45ea-af18-7e9cab62d45f) | [/docs/paris-salon2.jpg?<mark style="color:orange;">**h=430**</mark>](https://fdocs.filerobot.com/docs/paris-salon2.jpg?h=430) |