> For the complete documentation index, see [llms.txt](https://docs.dialogform.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dialogform.in/user-guide/how-to-add-images-to-markdown.md).

# How to add images to Markdown

DialogForm supports images in prompt messages, answer options and answer quick-responses. Images can be inserted within Markdown.

## What To Do

Click on any prompt message, answer option or answer quick-response to edit it. Make sure your cursor is on a new line (this is important, as images can only be inserted into new lines). You will an action bar appear over the cursor, with a button for adding an image.

![](/files/b3mEeCZm6w1dDYPMsatG)

Click on this button. You will be shown a popup.

![](/files/OmWAssWTY6ZGnJlNmCO9)

Upload a file or enter a URL to insert the desired image at the point at which your cursor is. This is what the result will look like:

![Editor](/files/TQ3ed0NJ0Bvh0cVQRqEd) ![Preview](/files/2DJCgPMd6HEDyikKEiS1)

To continue typing below the image, click on the image and press Enter. To delete the image, click on it and delete it like you would any text.

### Resizing Images

To resize an inserted image, use the "W" (width) and "H" (height) input boxes that appear next to the image in the editor. You can specify any one dimension, or both. After you enter a value, you will need to navigate away from the input box (i.e. click elsewhere) for the changes to take effect.

{% hint style="info" %}
If your image is a big one, you may not realize how big it will look to the user. The preview panel only takes up about half the width of your browser window. However, when your user/student views the content, it may span the entire width of the browser window, resulting in a much larger image than you may have thought. This is where resizing is very useful. 
{% endhint %}


---

# 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.dialogform.in/user-guide/how-to-add-images-to-markdown.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.