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

# Image

> The Image Component lets you easily add images to your templates—either dynamically or statically.

<img src="https://mintcdn.com/pdforge/rwoRLXXUvihWxlAY/images/components/image-1-20.png?fit=max&auto=format&n=rwoRLXXUvihWxlAY&q=85&s=0f9a40bef9e5eaf29d07385857be62a7" alt="" width="299" height="674" data-path="images/components/image-1-20.png" />

### Static Images

To add a static image, simply click **Upload image**, or use an online image by entering its URL in the format: `url(your-image-url)`.

### Dynamic Images

To use dynamic images, enable the Dynamic source option. We’ll automatically create a variable based on your component title, formatted as: `component_title_src`.

### Customizing Your Image

You can further style your images by adjusting:

* **Horizontal Margin:** none (0px), small (12px), medium (20px) or large (20px)
* **Border:** light gray border around the image
* **Rounded:** none (0px), small (6px), medium (8px) or full (9999px)
* **Object fit:** contain, cover, fill, none or scale down
* **Image size:** full with or fixed size (specific height/width)

### Visibility convention

If you choose dynamic images but don’t include the corresponding variable in the payload, the image component won’t appear in the final PDF render.