Image
Image items are images that can be added to any template. We support all the common images type ( jpeg, png, webp, svg )
Last updated
Image items are images that can be added to any template. We support all the common images type ( jpeg, png, webp, svg )
Last updated
You can add images to a template by clicking the + button in the left side menu under the images tab. As with all element you can remove it by delete button or clicking on the - button in the side menu.
You have the same option when it comes to images that all elements in adrapid have. You can click on it and move it, resize, rotate and so on.
This are the options that are specific to images.
This will keep the image inside of the content box and it will scale the image size to fit. This is good for logos and product images that have a transparent background.
This will keep the aspect ratio of the images but it will scale the images to cover the whole content box.
This will fill the hole content box with the image but not respect the aspect ratio.
Crop is an option to remove part of a image not need or to select a specific part and remove the rest.
With images position we can set position of the image inside its content box. Object position behaviour can be checked in the following url: https://interactive-examples.mdn.mozilla.net/pages/css/object-position.html