CODEWITHSUNDEEP
htmliconsthumbnails
josephT
josephT

Reputation: 842

What part of the website is the link thumbnail?

This question is kind of different but for example, if I were to send the link of my website through Instagram Direct Messages, the link shows up with a thumbnail of the logo and then my description. I am trying to understand where that thumbnail is coming from because it is not the icon of the tab. My client wants me to change the thumbnail image, but I am trying to figure out where it is reading it from so that I can change it in my custom HTML.

Upvotes: 4

Views: 9139

Answers (1)

jaasum
jaasum

Reputation: 558

That image is generally served as og:image metadata from the Open Graph protocol.

If you wanted to control the image that is displayed then you would want to place following <meta> element within your <head> element:

<meta property="og:image" content="mycustomimage.png">

The exact image dimensions are harder to pin down. Facebook (who authored the Open Graph protocol) recommends images that are at least 1080px wide.

Upvotes: 9

Related Questions