Image resizing provides real-time image transformations out of the box if you have enabled image optimization module in the configuration.

These transformations can be performed by using the URL-based transformation parameters. The transformations can be as basic as manipulating the height and width of the image, to complex transformations like watermarking or smart cropping of your images.

Derive transformations from single master image With URL-based transformations, you can avoid the common practice of creating multiple image files of different sizes to use on your website. Instead, you can specify the output image's dimensions directly in the master image's URL. then manipulates the images when requested by the end user and respects the parameters you specify in the URL to obtain the desired output image.

URL Based transformations

To perform transformation with, specify the parameters within the URL. These transformations can be added to the URL as a path parameter or as a query parameter.

For example, the master-image.jpg can be resized to 300x300.

Master image URL -

Resized image URL (300x300) -,h-300/master-image.jpg

Transformations as a path parameter

Add the transformation parameters after the URL endpoint to perform the transformation. Every image transformation parameter used in the path starts with tr:

Example -,h-300/master-image.jpg

Transformations as a query parameter

Add the transformation parameters as a query parameter tr at the end of the URL to complete the transformation.

Example -,h-300