Using TailGraph for OG images

LIP30 Day 4 §

I was looking for a way to generate dynamic open graph images and discovered TailGraph

But what is Open Graph? §

Open Graph is an online protocol originally developed by Facebook. It’s used to organize and unify the way a webpage’s metadata, is displayed to accurately show what’s on the page.

What if I don’t have it? §

Only a generic image is displayed on social media Photo credit: https://popupsmart.com/blog/auto-generate-open-graph-image

Dynamically generate an Open Graph Image §

Using the web creator on TailGraph, a url builder helps you generate a dynamic OG image by creating a url like this one:

https://og.tailgraph.com/og
  ?fontFamily=Roboto
  &title=This%20is%20your%20title
  &titleTailwind=text-gray-800%20font-bold%20text-6xl
  &text=And%20this%20is%20your%20secondary%20text
  &textTailwind=text-gray-700%20text-2xl%20mt-4
  &logoTailwind=h-8
  &bgTailwind=bg-white
  &footer=tailgraph.com
  &footerTailwind=text-teal-600

The great thing is that it takes TailwindCSS classes in its url params to style the OG image. It looks like TailGraph is a great tool to give a brand a unique flair.