Image

This section allows you to specify image-fit type and alignment.

Please set image element size to object-fit work properly

e.g Width & Height to stretch

Image size

Represents object-fit CSS property.

Learn more

None

This is default option. Allow the image to be displayed at its original size. Will be cut-out if parent element is smaller than the image, but will not be stretched.

Fill

The image is resized to fill the given dimension. If necessary, the image stretched or squished to fit. The image is scaled down to the smallest version of none or contain

Scaledown

Scale the image, so it fits parent element by one side. Image will keep its original aspect ratio, will not be cut and will leave empty space in parent.

Cover

Scale the image, so it fills parent element by one side. Image keep its original aspect ratio, but will be cut so no empty space remains in parent.

Contain

The image keeps its aspect ratio, but is resized to fit within the given dimension

Image alignment

Represents object-position CSS property.

Learn more

X-align

This setting allows you to align the image horizontally.

Y-align

This setting allows you to align the image vertically.