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

# Use images in prompts

> Add image inputs to create multi-modal prompts for vision-capable models

Images bring visual context to your prompts, enabling tasks like image description, visual analysis, diagram interpretation, and more. Adaline lets you embed multiple images per message and supports both static uploads and dynamic image variables.

## Supported models

Image inputs work with vision-capable models, including GPT-4o, Claude 3.5, Gemini Pro, and others that support multi-modal inputs. Select a compatible model in the [model settings](/docs/iterate/use-parameters-in-prompt) before adding images to your prompt.

## Add an image to a message

<Steps>
  <Step title="Open the image picker">
    Navigate to the message block where you want to add an image and click the image button <Icon icon="image" iconType="solid" />. You can choose to upload an image from your computer, paste a URL, or retrieve the image from a variable.

    <img src="https://mintcdn.com/adaline/-Bsa4BuK4fSdmy67/images/iterate/load-image.png?fit=max&auto=format&n=-Bsa4BuK4fSdmy67&q=85&s=12f60353e45d047c0cdef594fa3025cc" alt="Attaching images in Adaline's messages" title="Attaching images in Adaline's messages" style={{ width: "100%" }} width="1339" height="513" data-path="images/iterate/load-image.png" />
  </Step>

  <Step title="Preview the attached image">
    Once attached, the Editor displays a preview of the image within the message block.

    <img src="https://mintcdn.com/adaline/-Bsa4BuK4fSdmy67/images/iterate/image-preview.png?fit=max&auto=format&n=-Bsa4BuK4fSdmy67&q=85&s=188c728bb0d2b4d0611a39e8c0ec0b30" alt="Image preview in Adaline's Editor" title="Image preview in Adaline's Editor" style={{ width: "100%" }} width="784" height="321" data-path="images/iterate/image-preview.png" />
  </Step>

  <Step title="Add more images (optional)">
    To include additional images in the same message, click the plus button <Icon icon="square-plus" iconType="solid" /> and repeat the previous steps. Each message can contain multiple images.
  </Step>
</Steps>

## Use image variables

Image variables let you dynamically swap images at runtime without modifying the prompt structure. This is useful for workflows that process different images with the same prompt template.

<Steps>
  <Step title="Create an image variable">
    Click the image button <Icon icon="image" iconType="solid" /> in the message block and select **From Variable**.

    <img src="https://mintcdn.com/adaline/Um_T8BffW4hfcoYD/images/iterate/adding-new-image.png?fit=max&auto=format&n=Um_T8BffW4hfcoYD&q=85&s=948f8f17430eb8794bc1f6ad4ef1e292" alt="Adding a new image variable" title="Adding a new image variable" style={{ width: "100%" }} width="1418" height="587" data-path="images/iterate/adding-new-image.png" />
  </Step>

  <Step title="Name and attach the variable">
    Define a descriptive name for the image variable and attach it to the message.

    <img src="https://mintcdn.com/adaline/-Bsa4BuK4fSdmy67/images/iterate/name-attach-image.png?fit=max&auto=format&n=-Bsa4BuK4fSdmy67&q=85&s=ea0a6ef13d6ca3781c23b8343f29045c" alt="Naming and attaching an image variable" title="Naming and attaching an image variable" style={{ width: "100%" }} width="1406" height="370" data-path="images/iterate/name-attach-image.png" />
  </Step>

  <Step title="Set the variable value">
    In the Variable Editor, attach the actual image to the variable. You can paste a URL, provide a base64-encoded string, or upload a file from your computer.

    <img src="https://mintcdn.com/adaline/Um_T8BffW4hfcoYD/images/iterate/attach-image.png?fit=max&auto=format&n=Um_T8BffW4hfcoYD&q=85&s=0e44ef4c3e2fd701a2de1b3bf92725fb" alt="Setting the image variable value" title="Setting the image variable value" style={{ width: "100%" }} width="1474" height="598" data-path="images/iterate/attach-image.png" />
  </Step>
</Steps>

## Use cases

* **Image classification** — Have the model categorize or tag images based on their content.
* **Visual Q\&A** — Ask questions about the contents of an image and receive detailed answers.
* **Diagram interpretation** — Extract information from charts, flowcharts, or architectural diagrams.
* **Accessibility** — Generate alt text or descriptions for images.
* **Multi-shot visual prompting** — Provide example image/response pairs to teach the model a specific output format. See [creating multi-shot prompts](/docs/iterate/multi-shot-prompting) for a walkthrough.

## Next steps

<CardGroup cols={2}>
  <Card title="Use PDFs in Prompts" icon="file" href="/docs/iterate/use-pdfs-in-prompt">
    Add PDF documents as context for analysis tasks.
  </Card>

  <Card title="Use Variables in Prompts" icon="braces" href="/docs/iterate/use-variables-in-prompt">
    Learn about all variable types, including image variables.
  </Card>
</CardGroup>
