Image objects
Before you can add an image object to your design, you need to upload the image file to your media library. You can upload PNG, JPEG, WEBP and SVG files. Note that SVG files are not converted into paths, but are displayed as image objects.
Only upload images for which you have the rights of use.
Be careful not to delete any images from your media library that are actively used in a published project. Otherwise, users of the template will see a fallback image instead of the intended image.
Image properties
A number of special properties of image objects are described below.
Image Source
The “Image source” property is a URL that returns the displayed image file. The files uploaded to your media library are hosted on our servers. You can replace the displayed image with another one from your media library by clicking on the thumbnail next to the value.
Fill mode
The fill mode defines how the image is displayed within the bounding box of the object.
- “Cover” mode - the default setting - guarantees that the image covers the entire bounding box without distortion. If the aspect ratios of the image and the bounding box are different, then the image will be clipped.
- "Contain" mode guarantees that the entire image is displayed within the bounding box without distortion. If the aspect ratios of the image and the bounding box are different, then the image will shrink to fit inside.
- "Stretch" mode guarantees that the entire image is displayed while covering the entire bounding box. If the aspect ratios of the image and the bounding box are different, then the image will be distorted to fit inside.
Image crop
You can only crop an image while the fill mode is set to "Cover".
Fill color
You can specify the fill color in the color tab (third tab). The default fill color of images is “None” (no fill color specified). If you set a specific fill color, all visible areas of the image - excluding the transparent areas - will be filled uniformly.
The fill color of images is useful for recoloring icons.
