Resizing Images

Learn how to resize images.

Syntax

To resize images, you’ll need to specify width and height query parameters.

Specify the Width and Preserve Ratio

Source
1![Resize](/images/great-wall.jpg?width=300)
Result
Resize

Specify the Height and Preserve Ratio

Source
1![Resize](/images/great-wall.jpg?height=180)
Result
Resize

Specify the Width and Height

Source
1![Resize](/images/great-wall.jpg?width=300&height=180)
Result
Resize

Specify the Quality

Source
1![Resize](/images/great-wall.jpg?width=300&quality=100)
Result
Resize

Resizing Public Images

Source
1![Resize](images/example.jpg?width=100&height=100)
Result
Resize

Resizing External Images

Source
1![Resize](https://avatars.githubusercontent.com/u/128204519?s=200&v=4&naturalWidth=200&naturalHeight=200&width=100&height=100)
Result
Resize