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

# Image Blocks

> Add images in Design Studio. Set image URL, alt text, optional link, and dimensions for email and other channels.

Image blocks let you add images to your notifications. Configure the image URL, alt text for accessibility, optional link, and width or alignment.

## Adding an image block

1. In Design Studio, select a channel.
2. Add an **Image** block from the block sidebar or toolbar.
3. Set the image URL (or upload an image, or use a variable for dynamic images).

<Frame caption="Image Block">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-image-new.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=7810410c8e11d4453cbe1f53a78e9da9" alt="Image block in Design Studio" width="2272" height="1566" data-path="assets/platform/content/designer-v2/designer-v2-image-new.png" />
</Frame>

## Image settings

* **Image URL** – Source URL. You can use a [variable](/platform/content/variables/inserting-variables) for per-recipient images.
* **Alt text** – Description for accessibility and when images don’t load.
* **Link URL** – Optional; make the image clickable.
* **Width / alignment** – Control size and alignment in the block settings.
* **Border** – Configure border color and thickness.

<Frame caption="Image Settings">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-image-settings.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=85a102c64cb529bcd83fc6942ea319f0" alt="Image settings in Design Studio" width="1756" height="1658" data-path="assets/platform/content/designer-v2/designer-v2-image-settings.png" />
</Frame>

## Related

<CardGroup cols={2}>
  <Card title="Variables" icon="code" href="/platform/content/variables/inserting-variables">
    Dynamic image URLs
  </Card>

  <Card title="Button Blocks" icon="square" href="./button-blocks">
    Clickable CTAs
  </Card>
</CardGroup>
