> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reelevant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Component

> Add images to your content templates from uploads, URLs, or datasource variables

<img src="https://mintcdn.com/reelevant/10tXeCE_biVlzX8s/images/contents/component-image-v2.png?fit=max&auto=format&n=10tXeCE_biVlzX8s&q=85&s=48119617760c5eeb3f2c4a4ad9d57ab6" alt="Image component selected on the canvas with configuration panel" width="1280" height="800" data-path="images/contents/component-image-v2.png" />

## Overview

The Image component displays static or dynamic images in your content template. Images can come from a direct upload, a pasted URL, or a [datasource](/product-guide/contents/data-binding) variable that resolves to an image URL at render time.

| Property                  | Value           |
| ------------------------- | --------------- |
| **Toolbar button**        | Images          |
| **Supports data binding** | Yes — image URL |
| **Supports conditions**   | Yes             |

## Image Parameters

| Property     | Description                                                            |
| ------------ | ---------------------------------------------------------------------- |
| **Image**    | Upload an image file (PNG, JPG, GIF) or configure a URL.               |
| **Variable** | Bind the image URL to a datasource variable using the variable picker. |

<Info>
  Only PNG, JPG, and GIF formats are supported for image uploads.
</Info>

## Configuration

| Property             | Description                                                  |
| -------------------- | ------------------------------------------------------------ |
| **Position**         | X and Y coordinates on the canvas.                           |
| **Size**             | Width and height with optional **Keep aspect ratio** toggle. |
| **Rotation**         | Rotation angle in degrees.                                   |
| **Redirection link** | URL users navigate to when clicking the image.               |