Github has new opengraph image

Github CEO tweeted today, that Github is working on a new way to share repos and pull requests across the internet.

New opengraph preview will support repos and PRs.

What is opengraph?

According to ogp.me: The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

While many different technologies and schemas exist and could be combined together, there isn’t a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of the technical design decisions.

Basic Metadata

<html prefix="og: https://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

Generate one for your project

Generated previews are pretty cool, this feature is supported only for a handful of reopos at the moment. That is why I scrambled this tool so everyone can see how will potentially their GitHub previews look like.

To generate image (1200x600) for your project: