Deconstructing these auto-generated OG images

ContentsIntroductionSpecifying what I wantedThe Satori plus sharp librariesWhat posts are eligible for a generated og image?The rendererCaching the generated PNGsThe orchestratorConclusion Introduction I've had a love-hate relationship with open graph images for a while now. There were times when I did not have any, or perhaps a fallback to my social media avatar, which looked outsized. Then I had a period where I had posts that were tagged as "Notes" or "TILs" (today-i-learned) and they had their own image that would be shared. And then I made sure that every post had its own image, and I would sometimes show it the post itself or not; but Notes and TILs still had their own special images. One thing I had noticed with some other blogs were open graph images that had the post title embedded in them. I had seen some describe how they did it. Sia wrote about how she did it in a post titled Dynamic social share images using Cloudinary. I read it, but it felt way more complicated than I…