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

# Image Annotation

> Enable image annotation on a file upload question so users can draw, highlight, and mark up uploaded images to point out what is being referenced.

Image annotation allows users to draw on an image file to mark up a section and bring attention directly to what is being referenced.

Image annotation is configured through the [File upload question](/product/creating-flows/questions/question-types/file-upload-question/overview).

Steps to enable:

1. Add a file upload question to your step.
2. Enable **Show image preview**. A new option to enable annotation appears.

   <img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-1.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=31ab3c87633a5fa5bfe826267639b73e" alt="File upload question image preview and annotation options" width="640" height="362" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-1.png" />
3. Enable **Annotate image**.
4. Choose the **Default annotation color**.

<Info>
  You may wish to restrict file extensions to only allow image files you support/expect.
</Info>

## Form display

Once an image is uploaded, it appears on the form with controls for annotation.

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-2.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=77be1a8cce0b31505fc130497b026a88" alt="Uploaded image with annotation controls" width="935" height="823" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-2.png" />

The controls, from left to right:

**Color selection:** there are two ways to select a color.

* Drop-down menu

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-3.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=0f7ca0be121ae5b40881927d28db4909" alt="Color selection drop down menu" width="212" height="129" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-3.png" />

* HEX value with color gradient

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-4.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=e7e448edd7b7269732f0cdedfd4f10d4" alt="HEX value colour gradient selector" width="246" height="235" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-4.png" />

**Pencil size:** you can select a small, medium, or large pencil size.

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-5.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=9a18e67d3344b91c131f88eebb203da1" alt="Pencil size options" width="196" height="113" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-5.png" />

**Highlighter:** allows yellow highlighting.

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-6.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=ca07b80e83e7c704cba796e9d4c29277" alt="Highlighter control" width="250" height="167" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-6.png" />

**Eraser:** removes any annotation you've made.

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-7.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=27bd5132bbcf07d046b85b6089d8765e" alt="Eraser control" width="221" height="145" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-7.png" />

**Clear:** removes all annotation.

<img src="https://mintcdn.com/flowforma/7S_KSq9InEhshsS9/images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-8.png?fit=max&auto=format&n=7S_KSq9InEhshsS9&q=85&s=ade4c463fdb59dc9c5f4df782d73f8cc" alt="Reset control" width="622" height="174" data-path="images/product/creating-flows/questions/question-types/file-upload-question/image-annotation/image-annotation-8.png" />

## Annotating images

When annotating images, it's important to understand how the files are saved.

When you upload an image and start drawing on it, the original image file and the drawing are saved separately, temporarily. You can save the form and reopen it, and still have the option to continue annotating or remove all annotations and keep the original image file.

Once the step is submitted, the two files are merged, meaning the original image file is overwritten and there is no way to undo the annotation.
