> For the complete documentation index, see [llms.txt](https://docs.diaflow.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.diaflow.io/workflow-builder/nodes/outputs-apps/image-output.md).

# Image output

Image output displays an image from an earlier node inside your app.

Use it when your workflow creates or returns an image that users should view.

<figure><img src="/files/oUZWKu5EsS7tPA9aHJmU" alt=""><figcaption></figcaption></figure>

### Before you start

Choose a field from an earlier node that returns an image.

<figure><img src="/files/GKLu66HizkgmrhltwSIu" alt="" width="375"><figcaption></figcaption></figure>

### How to set it up

1. In the **Output** node, click **+ Add**.
2. Select an image field from the list of earlier nodes.
3. Click **Ok**.
4. Choose **Image** as the output type.
5. Enter a clear **Title**.
6. Click **Ok** and test the flow.

<figure><img src="/files/bZhTWktunYcxmW0yXkEr" alt="" width="351"><figcaption></figcaption></figure>

### Settings

| Setting     | What it does                                                                      |
| ----------- | --------------------------------------------------------------------------------- |
| Output type | Sets how the selected field is shown in the app. Choose **Image** for image data. |
| Title       | The label shown above the image, such as `Generated image`.                       |

### Good business uses

* Show a generated product visual.
* Return a processed image for review.
* Share a final design preview.

### Next steps

* Go back to [Outputs (Apps)](/workflow-builder/nodes/outputs-apps.md).
* Learn how to create images with [Image Generation](/workflow-builder/nodes/built-in-tools/image-generation.md).
* Compare it with [File output](/workflow-builder/nodes/outputs-apps/file-output.md).