Create custom OpenGraph banner images

[epompeii]

Currently, Bencher uses the same OpenGraph banner image for all static content. The Perf Plot pages do have custom banner images, the Perf Image for that plot. This is possible because the Perf Plot pages are dynamic, rendered sever-side.

In order to have custom OpenGraph banner images for static content at build time, an Astro integration would need to be created to generate the images, add the images to cloud storage, and set the astro-seo image URL for each page.

All of these solutions run as a service to generate the images:

• https://github.com/svycal/og-image
• https://github.com/vercel/og-image
• https://www.bannerbear.com
• https://x.com/timsoulo/status/1649352295321333760

However, I imagine this could be run locally using plotters.

Alternatively, the images could be created for every request at runtime, just like the Perf Images. However, this seems rather wasteful as these pages are static.