1A23 Studio
Blog
About
Works
Lyricova
i18n fails
Search
Blog
About
Works
Lyricova
i18n fails
Search
Open source
Gallery
Design
Miscellaneous

OG

23 October 2022
— JavaScript, Open Graph, Satori, SVG
  • Generation 1
  • Generation 2

A customized web server to generate Open Graph thumbnails of 1A23 Studio, 1A23 Blog, and Project SEKAI CTF team for social sharing.

Generation 1 was based on maximilianschmitt/og, a headless Chromium solution that takes a screenshot of a rendered webpage. The Chromium instance was running on my VPS.

Generation 2 is based on @vercel/og, which renders HTML to SVG, then to PNG using native JavaScript. The new code runs on Vercel’s Edge Function Runtimes in their free plan. Generation 2 is now running on all 3 sites above.

Preview

Thumbnail for 1A23 Studio
Thumbnail for 1A23 Blog
Thumbnail for Project SEKAI CTF team

Share this:

  • Share on Mastodon (Opens in new window) Mastodon
  • Share on Telegram (Opens in new window) Telegram
  • Share on Bluesky (Opens in new window) Bluesky
  • Print (Opens in new window) Print
  • Email a link to a friend (Opens in new window) Email
  • More
  • Share on Facebook (Opens in new window) Facebook
  • Share on LinkedIn (Opens in new window) LinkedIn
  • Share on Reddit (Opens in new window) Reddit
  • Share on Tumblr (Opens in new window) Tumblr
  • Share on Pinterest (Opens in new window) Pinterest
  • Share on Pocket (Opens in new window) Pocket
  • Share on X (Opens in new window) X
  • Share on X (Opens in new window) X
  • Share on Threads (Opens in new window) Threads
  • Share on WhatsApp (Opens in new window) WhatsApp
  • Share on Nextdoor (Opens in new window) Nextdoor

© 2008 – 2026 1A23 Studio.
RSS 2.0, ActivityPub.