> For the complete documentation index, see [llms.txt](https://docs.adrapid.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adrapid.com/editor/templates/template-items/images.md).

# Image

### **Adding a image to a template**

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.

![](/files/-MhTITWtuHCdta4W02CG)

### **Image movement**&#x20;

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. <br>

![](/files/-MhTIxUbLGRfOf9B2hSX)

### **Images Advanced options**&#x20;

This are the options that are specific to images.

#### **Contain**&#x20;

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.

#### **Cover**

This will keep the aspect ratio of the images but it will scale the images to cover the whole content box.&#x20;

#### **Fill**

This will fill the hole content box with the image but not respect the aspect ratio.

![](/files/-MhTLA-wBhlFRiatoYiO)

#### **Crop**

Crop is an option to remove part of a image not need or to select a specific part and remove the res&#x74;**.**<br>

![](/files/-MhTLghZ_INE4fC-cLJP)

#### **Images position**&#x20;

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**](https://interactive-examples.mdn.mozilla.net/pages/css/object-position.html)<br>

![](/files/-MhTLvf_7w1ry-50CBE4)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.adrapid.com/editor/templates/template-items/images.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
