Set a social media preview image, instead of the logo icon

[Rangi42]

People often leave previews in Discord links, and https://rgbds.gbdev.io appears as its logo image, a low-res square RGB icon.

Looking at GitHub's "social media preview" feature, this HTML header content would suffice for Discord and Twitter at least:

<meta name="twitter:image:src" content="https://rgbds.gbdev.io/preview.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@github" />
<meta name="twitter:title" content="RGBDS: ..." />
<meta name="twitter:description" content="RGBDS: ..." />

<meta property="og:image" content="https://rgbds.gbdev.io/preview.png" />
<meta property="og:type" content="object" />
<meta property="og:site_name" content="GitHub" />
<meta property="og:url" content="https://rgbds.gbdev.io" />
<meta property="og:image:alt" content="RGBDS: ..." />
<meta property="og:title" content="RGBDS: ..." />
<meta property="og:description" content="RGBDS: ..." />

An example of its current appearance:

[avivace]

What could we put instead of the logo?

[Rangi42]

An entire logo including the "RGBDS" text would be wider, so less relatively tall.

[avivace]

Something like this?

[Rangi42]

Or with less margin:

[ISSOtm]

Agreed, that's a great idea!