Size
Allows you to select your image block's height and width.
Height
The Height property allows you to specify the height of the image.
Modify height
Select an
imageblockOpen the Block Inspector
Navigate to the Primary tab
Open the Size tab
Find the Height property
Enter or adjust desired height
Remove height
Select a
galleryblockOpen the Block Inspector
Navigate to the Primary tab
Open the Size tab
Find the Height property
Click dot to reset
Width
The Width property allows you to specify the width of the image.
Modify width
Select an
imageblockOpen the Block Inspector
Navigate to the Primary tab
Open the Size tab
Find the Width property
Enter or adjust the desired width value
Remove width
Select a
galleryblockOpen the Block Inspector
Navigate to the Primary tab
Open the Size tab
Find the Width property
Click dot to reset
Object Fit
The Object Fit property is used to specify how the image block is to be resized in order to fit its container.
Contain Makes the image keep its aspect ratio, but resizes it to fit within the given dimension.
Cover Makes the image keep its aspect ratio, making it fill the given dimension, essentially clipping it to fit.
Fill Resizes the image to fill the given dimension. If needed, the image will be stretched or squeezed to fit.
Inherit Inherits the object fit property, if set by parents.
Initial Sets the image to its default value.
None Does not resize the image.
Revert Reverts the image to its default size.
Scale-down Either inherits properties of the none value or contains a value.
Unset Reverts the image to its default size.
Object Fit
Select an
imageblockOpen the Block Inspector
Navigate to the Primary tab
Open the Size tab
Find the Object Fit property
Choose required fit in the dropdown (Contain, Cover, Fill, Inherit, Initial, None, Revert, Scale-down, Unset)
Object Position
The Object Position property allows you to adjust the position of your Image either visually (bottom left, top right etc) or using precise measurements (px etc).
Last updated