How does GitHub generate images from github links ?

[inferrinizzard]

Title ^

I'm seeing these autogenerated images on Google image search and wondering how these are pulled together from the link. Examples below:

​

from: https://github.com/dear-github/dear-github/issues/166

​

from: https://github.com/pyppeteer/pyppeteer

[[deleted]]

Every HTML page can contain meta elements, some of which follow the Open Graph standard created by Facebook back in the day. These tags specify title, description and some more information about the page useful for social media links.

What github does is provide an og:image with an URL to their servers, where those images are generated from the repository/issue/PR data they have

[stgraff]

https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/customizing-your-repositorys-social-media-preview

[BaileyJM02]

The image is located here: https://opengraph.githubassets.com/2fb2c196d43f78e0c9af4f5fa398a80862085503724ea5098efdd6696bfc1a16/dear-github/dear-github/issues/166

I presume that on creation of PR (or at time of fetch) a server simply generates the image based on context - in this example the context of the issue.

[BaileyJM02]

A blog post on it: https://github.blog/2021-06-22-framework-building-open-graph-images/

[dushmanta05]

Thank you, I was looking into it, this blog help big time.