Display mode for images
The "Display mode" determines how an image should be adjusted in size in order to fit into its image container.
Contain
The image keeps its aspect ratio, but will be adjusted to fit within the given dimension of the image container.
This means that there may be gaps on the left and right or top and bottom if the aspect ratio of the image in a viewport does not match the aspect ratio of the image container.
cover
The image keeps its aspect ratio and fills its image container completely. The image will be clipped to make it fit.
In this mode, the image container is filled in each viewport. This results in the image being 'cut off' on the left and right or top and bottom if the aspect ratio of the image in a viewport does not match the aspect ratio of the image container.
none
The image size will not be changed.
scale-down
The image will be scaled down to the smallest version of 'none' or 'container'.
This means that there may be gaps on the left and right or top and bottom if the aspect ratio of the image in a viewport does not match the aspect ratio of the image container.
Last updated