Add custom OG image for individual summaries

[HarshKapadia2]

• Generate an OG image for every individual summary.
• Preferably automate it.
• Beware of varying image sizes on different platforms leading to the image text getting cut.
• Eg: https://twitter.com/DeepankarBhade/status/1468929250354860032

[HarshKapadia2]

Maybe use https://github.com/vercel/og-image?

[HarshKapadia2]

Maybe look into html2canvas. (Doesn't seem to be Node.js compatible though.)

[SirusCodes]

https://screenshot.as-a-service.dev/ looks like a service we can use to create an OG image for us.

Example: https://screenshot.as-a-service.dev/?url=https://catchup.ourtech.community/summary/103

@OurTechCommunity/core

[tusharnankani]

Ohhh nice! @SirusCodes
Although I guess we should have an OG image like this:

https://og-image.vercel.app/OTC%20CatchUp%20103%20Summary.png

Creating something around this looks promising!

[SirusCodes]

Yeah but the reason for having a screenshot is that people can have a glimpse of what summary has and can read a few lines and if they want they can open it and continue reading...

[KartikSoneji]

I am still considering writing a custom renderer.

[SirusCodes]

@KartikSoneji I'm thinking that it is worth the effort or not. I feel it's better to implement it as a standalone project so others can also use which kind of justifies the efforts.

But until that is implemented, I feel it's better to use https://screenshot.as-a-service.dev/

[tusharnankani]

I am still considering writing a custom renderer.

Do you mean writing a complete og-image service or using OG Image as a serivce like Vercel og-image? @KartikSoneji

[KartikSoneji]

@tusharnankani sorry I meant a custom asciidoctor renderer for adoc -> svg.

[tusharnankani]

Updates? @KartikSoneji

[tusharnankani]

Can we have summary screenshot as the OG Image? cc: @PranavDani

[SirusCodes]

Can we have summary screenshot as the OG Image?

I still feel having screenshot is a better

[KartikSoneji]

Updates? @KartikSoneji

Sorry, need to open an issue in Asciidoctor regarding the internal flow of the rendering pipeline.
I had found a workaround but I'm not sure if it's better to fix the underlying issue.

[KartikSoneji]

Can we have summary screenshot as the OG Image?

I still feel having screenshot is a better

video.mp4

[HarshKapadia2]

One way to do this: Social media cards generated with shot-scraper

Source