Storyblok
Search Storyblok's Documentation
  1. Resize

Resize

Static

Resize an image by appending /m/WIDTHxHEIGHT using the desired static pixel dimensions.

The Storyblok Image Service's resizing feature supports a maximum resolution of 4,000 x 4,000 pixels. For example, if /m/200x5000 is requested, the service will generate an image sized 200 x 4,000 pixels.

Try the interactive demo below to resize the image.

Preview that reacts to API
demo-sunflower.png
Copied to the clipboard

Proportional

Resize an image proportionally to a specific width by appending /m/WIDTHx0. The height is automatically calculated proportionally, keeping the original image ratio intact.

Try the interactive demo below to resize the image proportionally by setting only the width.

Preview that reacts to API
demo-sunflower.png
Copied to the clipboard

Resize an image proportionally to a specific height by appending /m/0xHEIGHT. The width is automatically calculated proportionally, keeping the original image ratio intact.

Try the interactive demo below to resize the image proportionally by setting only the width.

Preview that reacts to API
demo-sunflower.png
Copied to the clipboard

To prevent the upscaling of low-resolution images, append filters:no_upscale(). For example, /m/800x0/filters:no_upscale() will downscale images with a width larger than 800 pixels, but leave smaller images unchanged.