This week we spent some time building a new OG Image Generator which you can play around with. This project was originally inspired by the OG Image Generator built by Railway. The purpose of this project was two-fold:

1. Build an OG image generator for Playbooks
2. Explore some new technology to see if we can make it better and release as a paid template

Overall, we're pretty pumped with the outcome and will probably release a paid template in the near future.

A screenshot of the Open Graph Image Generator

An Open-graph image generator is essentially an application where you can pass parameters via the URL and get a configured JPG, PNG, or SVG image in return. For example, checkout the following examples / URLs to see it in action

A screenshot of the main Playbooks SEO image

The following URLs will display either a PNG or SVG version of the image above:

• PNG Image
• SVG Image

A screenshot of the Playbooks Blog SEO image

The following URLs will display either a PNG or SVG version of the image above:

• PNG Image
• SVG Image

A screenshot of a Playbooks > Repo SEO image

The following URLs will display either a PNG or SVG version of the image above:

• PNG Image
• SVG Image

OG Image Generators are pretty cool and helpful because they generate dynamic images, as coded by the developer, that are open-graph compatible for sharing and work at scale. That means, no more image creation per article or per product which can take precious time and creativity. Instead, you simply pass some parameters to the image generator when writing your article or posting your product and, boom, out pops an seo-optimized image that's unique to you.

If you made it this far, thank you for taking the time to catch up on what's happening at Playbooks! To receive these updates in your inbox, simply create a account over on Playbooks. Or, feel free to follow along over on Twitter / X to receive updates there.