Open Graph Image Generator

Webservice that generates Open Graph images for your websites.

What is Open Graph image ?

Open Graph image is a small image that is used to represent your website in social media. It is used to share your website on Facebook, Twitter, Google+, Pinterest, LinkedIn, etc.

Here is an example:

Use our service

You can use our service to generate Open Graph images for your websites.

Just add those tags on your HTML pages:

<meta property="og:image" content="https://og-img.ld83.com/img/<text>/<footer>" />
<meta name="twitter:image" content="https://og-img.ld83.com/img/<text>/<footer>" />

With:

• <text>: your text encoded in base64
• <footer>: your footer encoded in base64

Example:

https://og-img.ld83.com/img/Q29ubmV4aW9uIFNTTCDDoCBQb3N0Z3JlU1FMIGRlcHVpcyBOb2RlanM=/aHR0cHM6Ly9kcHAuc3QvYmxvZy9ub2RlanMtcG9zdGdyZXNxbC1zc2wtY29ubmV4aW9uLw==

Will produce this image:

Host your own open graph image generator as a service

From scratch

If tou want to host your own service, you need a Node.js server available on the internet.

And:

git clone git@github.com:craftpunks/og-image.git
npm install
node app.js

Or with Docker

You can either build your own image or use our built one.

Build the image:

npm run docker:build

Or use our built one:

docker pull ghcr.io/craftpunks/og-image:latest

And then you have just to run the image (change the 4444 port at your convenience)

docker run -p 4444:3333 -d ghcr.io/craftpunks/og-image

PS: we highly recommend using a CDN/Cache like Cloudflare to proxy/cache your service.