Display Images in Copilot Studio

I found a way to display images in Copilot Studio: using an inline Base64-encoded image with a data URI scheme.

Steps

1. Add your base64-encoded image to a variable, e.g., Base64.

2. Compose an HTML <img> tag with that Base64 variable and save the whole tag to a new variable like this:

   $"<img src='data:image/png;base64,{Topic.Base64}'/>"
   

3. Assign that variable to the Send message node.

Notes

• You cannot put an <img> tag directly into the Send message node; the system will sanitize it.
• With this trick, you can display any image as long as you can encode it in Base64 format.