Copilot Studio - Publish & Channel Management

Unanswered

Images not showing in Agents for Copilot 365

(0) Share

Report

Posted on by MS-27081406-0

I created an agent which takes a user's question, then answers with information from our website via API call.

The information will be shown to the user in an adaptive card with text and images. The images are fetched from a source that does not require authentication.

This works fine as a bot in Teams - but as an agent, it fails to display the images and the only thing we see are placeholders.

This is interesting: Sometimes in Edge, the images are shown and then, maybe after clicking on the canvas or moving the Teams window, I'm shown the placeholders again.

Is anyone else having the same or similar issue? I can replicate this at work and at home, on Windows (App and Web App) and Linux (Web App), on Chrome/Edge/Firefox

Thanks

Categories:

Teams

placeholders in a...

All responses (2)

Answers (0)

MS-27081406-0 9 on at

Like (0)

Report

Images not showing in Agents for Copilot 365

Thank you for your reply @FatihDagdelen.

As already mentioned, in some instances the images are there (I can see them), then I move the window around or click on the canvas, and then I see all the placeholders.

Interestingly, when I open the agent in the Copilot App on Windows 11, it works - as it also works in Microsoft Edge browser.

Microsoft Copilot has also been behaving strangely in our tenant: sometimes, people see no agents, then they see agents but their names is mixed up, then the agent doesn't reply - really weird.

I wonder if Microsoft is having issues at the moment.
FatihDagdelen 44 on at

Like (0)

Report
Images not showing in Agents for Copilot 365

Maybe about Teams (especially as an agent) handles image fetching and caching. Here are some potential causes,

Possible Causes:

CORS Issues – If your image source has CORS restrictions, the browser may block images from loading, leading to placeholders.

Teams Rendering Differences – The way Teams handles adaptive cards as a bot vs. as an agent might be different, affecting how images are fetched.

Image Expiry or Token Issues – If the images are served with expiring URLs or require a specific session, they might load temporarily and then disappear.

Edge and Teams Interaction – Since you noticed the issue appearing/disappearing based on window focus, there might be some caching or lazy loading issues in Teams.

1. Check CORS Headers

Use a tool like Postman or the browser's developer console (Network tab) to inspect the image requests.

Ensure the server allows cross-origin requests:

Access-Control-Allow-Origin: *

2. Use a Public Image Hosting Service

Try hosting the images on a service like Azure Blob Storage (with public access), Imgur, or GitHub Pages and check if they load properly.

3. Ensure Direct Image URLs

Open an image URL in the browser and verify if it loads directly without authentication.

4. Check for Adaptive Card Image Constraints

Make sure the images are being referenced correctly in the Adaptive Card JSON.

Example:

{
"type": "Image",
"url": "https://your-public-image-url.com",
"size": "medium"
} (I solved a lot of issues with using this one)

5. Clear Cache / Try Incognito Mode

If the images load in one session but not another, clearing the cache might help.

6. Check Microsoft Teams Logs

Press Ctrl + Alt + Shift + 1 in Teams to generate logs and check for image-related errors.

Community site session details

Images not showing in Agents for Copilot 365

Possible Causes:

1. Check CORS Headers

2. Use a Public Image Hosting Service

3. Ensure Direct Image URLs

4. Check for Adaptive Card Image Constraints

5. Clear Cache / Try Incognito Mode

6. Check Microsoft Teams Logs

Helpful resources

News and Announcements

Quick Links

🌸 Community Spring Festival 2025 Challenge 🌸

Markus Franz – Community Spotlight

Kudos to the March Top 10 Community Stars!

Leaderboard

Featured topics

Product updates

Community site session details

Images not showing in Agents for Copilot 365

Possible Causes:

1. Check CORS Headers

2. Use a Public Image Hosting Service

3. Ensure Direct Image URLs

4. Check for Adaptive Card Image Constraints

5. Clear Cache / Try Incognito Mode

6. Check Microsoft Teams Logs

Helpful resources

News and Announcements

Quick Links

🌸 Community Spring Festival 2025 Challenge 🌸

Markus Franz – Community Spotlight

Kudos to the March Top 10 Community Stars!

Subscribe to this forum!

Select categories

Leaderboard

Featured topics

Product updates