web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Avatar Images Not Appe...
Copilot Studio
Unanswered

Avatar Images Not Appearing Properly in Copilot Due to Image Bubble Height

(5) ShareShare
ReportReport
Posted on by 14

I'm encountering an issue where the avatars for all copilots created are not displaying correctly. It seems that the problem lies in the dimension of the image in the webchat__min-height--image-bubble variable inside the <div>:

<div class="webchat__fixed-width-image webchat--css-qlizf-7m1pao webchat__imageAvatar__image">
<img alt="" class="webchat__fixed-width-image__filler" role="none" src="//bot-framework.azureedge.net/bot-icons-v1/f1fb5fc1-af36-1e13-93af-0c79125b7d39_3q15oqF1M6NXEve8WuEwkAU71Uc1eK2Br42K87SDUr2fDCRn.png">
<img alt="" class="webchat__fixed-width-image__image" src="//bot-framework.azureedge.net/bot-icons-v1/f1fb5fc1-af36-1e13-93af-0c79125b7d39_3q15oqF1M6NXEve8WuEwkAU71Uc1eK2Br42K87SDUr2fDCRn.png">
</div>

Currently, the webchat__min-height--image-bubble is set to 240px, and I believe it needs to be reduced to at least 40px for the image to display correctly within the bubble.

Does anyone know how I can resolve this issue or adjust the height for the avatars to display properly?

Thanks in advance!

_________________________

Categories:
I have the same question (0)
  • Valter_Lima Profile Picture
    3 on at
    We are having the same issue.

    Did you get any feedback?
    Thanks in advance!!
  • SD-03101939-0 Profile Picture
    14 on at

    Hello everyone,

    I'm still encountering an issue with the avatars for all copilots. After some testing, I exported the image in a 40x240 format, restricting the avatar to the first 40 pixels. While this made the avatar appear, it clearly looks distorted in the Copilot panel, indicating that there may be an internal programming issue with Copilot Studio itself.

    Here's a summary of the problem:

    • The variable webchat__min-height--image-bubble is set to 240px, but the image only displays properly when confined to the first 40px, causing a distortion.
    • I manually adjusted the image size to 40x240, but this doesn't seem like a proper solution since the distortion remains.

    It seems like there might be a programming oversight in how Copilot Studio handles image dimensions. Does anyone have insight into whether this is a known issue or how to resolve it internally?

    Thanks for the help!

  • Vinoth Selvam Profile Picture
    1,590 Super User 2025 Season 2 on at
    Hi,
     
    Have you tried this,
     
    The recommended aspect ratio for avatars in bots is 1:1 (square). PNG is often preferred due to its support for transparency. Keep the file size around 30 KB to ensure fast loading times. Compress the image if necessary, but avoid excessive compression, as it can reduce quality.
     
     
    Thanks.
  • JB-24101849-0 Profile Picture
    3 on at
    Having this issue as well, I am luckily just demoing a solution at this time, but it definitely needs to be fixed if this were to be used on a production site.
  • Suggested answer
    Vinoth Selvam Profile Picture
    1,590 Super User 2025 Season 2 on at
    Can you try uploading a new image with the support format and size.
     
     
    Refer the below link:
     
    After updating your copilot's icon, it may take up to 24 hours for the new icon to appear everywhere.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Copilot Studio

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 255 Super User 2025 Season 2

#2
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 205 Super User 2025 Season 2

#3
S-Venkadesh Profile Picture

S-Venkadesh 101 Moderator

Last 30 days Overall leaderboard