Opengraph image as a service

Opengraph Image Generator - An easy opengraph image generator that gives you meta links | Product Hunt

Preview

https://og-image.xyz/og/title/subtitle/jackcrane.rocks/https/menlo/candybar/black/data.png

Use the above URL in your og:image meta tag. You can also dynamically or manually generate these links using the following schema:

https://og-image.xyz/og/:title/:subtitle/:url/:protocol/:font/:image/:color/data.png
Details
Parameter Notes Options
:title The title, largest text in the image. You can use "{{n}}" for a newline N/A
:subtitle The subtitle, under the largest text. You can use "{{n}}" for a newline N/A
:url The url you want to show at the bottom. This should be without the protocol (http://). You cannot use slashes here, but you CAN use "{{s}}" og-image.xyz, jackcrane.rocks
:protocol The protocol of the aformentioned URL. Should not include "://" http, https, file
:font The font you want used in the image. You must use one of the fonts we support (supported fonts in examples) menlo, atkinson
:image The image you want to be used as the background. You must use one of the images we support (supported images in examples) candybar, cheerfulorange, renownedred, unmatchedeclipse, virtualshapes, flawlessaffinity, prettyheroic, irritablehero, circleacquired, descendsun, shatteredfeelings
:color The hex code of the color you want as the foreground. You cannot use the pound (#) symbol, so use {{h}} instead. {{h}}FF6600

This project costs me roughly $10 a month to operate. Although not required, donations are gratefully accepted:

This project is hosted on DigitalOcean. Using this link, get started on DigitalOcean with a $100, 60-day credit for new users (and I get $25!).​

DigitalOcean Referral Badge
Inspired by Vercel's similar app.
Need help? Email me!

Options