Best answer

How to format image in Microsoft Teams message?

  • 18 November 2021
  • 3 replies
  • 410 views

Hi all,

Has anyone had any success in adding images from a Zap to Microsoft Teams messages?

I’ve tried several different formats using Markdown and HTML and can get the image to show, but cannot control the size and I’m also getting a large blank space below the image.

If anyone has got this to work, could you share the code used?

Thanks in advance.

 

icon

Best answer by VinnieTron 9 December 2021, 16:15

View original

This post has been closed for comments. Please create a new post if you need help or have a question about this topic.

3 replies

Userlevel 7
Badge +11

Hey @VinnieTron,

When using HTML to generate the image, what code did you use? Did you try specify the width attribute for example:

<img src=”https://linktotheimage.com/image.jpg” width=”200px”>
OR
<img src=”https://linktotheimage.com/image.jpg” style=”width:200px;”>

I’ve not tried this myself but if the above code doesn’t work then it could be that Microsoft teams may have some styling that’s overriding it. In which case, it may be better to use max-width instead of width. And also use the !important rule (for example style=”width:200px !important;”) to help override any existing styling.

Hopefully that’ll do the trick! :)

Sorry the late reply.  I couldn’t get any variation of the code to work, having tried both those above and various other approaches. I suspect this depends on the source of the image.

In my case, i was using a logo from Clearbit. In the end I was able to control the image size directly in the image URL, for example:

 

<img src="//logo.clearbit.com/spotify.com?size=80">

This is unlikely to work for images from other sources, but might help someone.

 

 

Userlevel 7
Badge +9

Thanks so much for sharing this, @VinnieTron! I’m glad to hear you were able to get this sorted. 🎉