Source: https://mindstamp.com/help/how-to-use-clickable-images-on-your-videos
Generated from the Help Center records: 2026-10-06

# How do I add a clickable image to my video?

Topic: [Interactions and logic](https://mindstamp.com/help/interactions) · Updated: 2026-09-25

## Short answer

Click **Image** in the interaction bar, then upload a file or pick one from your assets. Place and size it on the video, set its **Show** and **Hide** times, and choose a **Click Action**. A new image uses **Continue**, which only records the click, so change it if the image should do something.

## Steps

1. Select **Interactions** and move the playhead to where the image should appear.
2. Click **Image** in the interaction bar. The **Select image** window opens.
3. Upload a PNG, JPEG, GIF or WebP file, choose an image from your asset library, or paste a link to an image.
4. Drag the image into place on the video and resize it.
5. Under **Content**, type a **Caption**. Screen readers read it as the image’s text alternative.
6. Choose a **Click Action** and its value, then set **Show** and **Hide** under **Timing**.
7. Click **Save Image** and test the click in **Preview** and on a phone.

![Select image window in Mindstamp with the Library, URL and Stock tabs, the Upload button and the Use image button highlighted](https://cdn.mindstamp.com/website2026/help/image-select-window.webp)

_Choose an image from your library, a URL or stock images, or upload a new one, then select Use image._

![New Image panel in the Mindstamp editor with the image preview and Change link, the Caption field and the Click Action highlighted](https://cdn.mindstamp.com/website2026/help/image-editor-panel.webp)

_After you choose an image, add an optional caption and set what a click does._

## When to use an image instead of a button

Use an image when the picture carries the meaning: a product, a logo, a thumbnail for the next video, or a diagram. Use a button when the viewer needs words to understand what happens. Both can use the same click actions.

## Captions and accessibility

The caption is the image’s text alternative. If you leave it empty, screen readers only hear “Image”. Turn on **Show Caption** under **Styling** to also print the caption on the video. Viewers can reach an image that has a click action with the keyboard.

## Settings that differ for images

- **Post Click State** offers **No Change**, **Hidden** and **Disabled**. **Change Colors** is not available for images.
- **Tooltip** and **Visibility** work the same as for buttons.
- To replace the picture, open the image and click **Change** under **Content**.

## Keep it clear of important content

Do not cover captions, faces, demonstrations or player controls. A PNG with a transparent background still has a rectangular click area, so test clicks near its edges.

## Show an image when a viewer clicks

To show a large diagram or map only when a viewer asks for it, add a button or hotspot and set its click action to **Show Image**. The video pauses while the image is open.

## Go further

- [Image interactions](https://mindstamp.com/features/image)
- [Asset library tutorial](https://mindstamp.com/tutorials/asset-library)

## Related answers

- [What click actions are available in Mindstamp?](https://mindstamp.com/help/click-actions)
- [How do I add a clickable button to my video?](https://mindstamp.com/help/how-to-use-clickable-video-buttons-on-mindstamp)
- [What do the post-click states Hidden and Disabled do?](https://mindstamp.com/help/post-click-states-hidden-vs-disabled)
- [How do I add a clickable hotspot to my video?](https://mindstamp.com/help/how-to-use-clickable-hotspots-on-mindstamp)

---

Need more help? [Contact Mindstamp](https://mindstamp.com/contact) · [Help Center](https://mindstamp.com/help) · [All Help Center articles as JSON](https://mindstamp.com/help-feed/index.json)