ogimage.org
New Update
$37 - Lifetime access
New Update
$37 - Lifetime access
OG Image Generator - Create Beautiful OG Images in Minutes | Product Hunt

OG Image Generator

All the code you need to create infinite open graph images for your website, blog, or social media posts.

  • 100% automated with Sartori
  • Customizable with Tailwind CSS
  • Works with Next.js, Nuxt, Sveltekit & more.
  • NEW: AI image generation with Flux.1 and GPT-4o-mini
Buy now$67 $37
🛒 Holiday Shopping Season special offer
Dan Mindru avatarKarthik Tatikonda avatarConnor McSwain avatarGermán Merlo avatarNic Polotnianko avatarNico avatar
Before and after of a boring and a better twitter card image

What is an Open Graph Image?

When you share a link on social media like Twitter, LinkedIn, Facebook, or messaging platforms like WhatsApp, Slack or Telegram, an accompanying thumbnail preview image usually appears.

The image that populates this preview is what's known as the open graph or OG image. It provides a visual representation of the content being shared.

It' important to have a good open graph image because it increases engagement and click-through rates.

Before and after of a boring and a better linkedin card image

Why OG Image Kit?

It takes so much time to create open graph images manually. Our OG Image generator saves you up to 99% of the time and cost.

Automated

Published a new blog post? We generate the open graph image for you.

Customizable

You get the source code and can customize the templates to match your brand.

Beautiful templates

Get more engagement with our pre-designed templates.

Charlie Yalf avatar
You’ve hit the nail on the head with this one!
Crockett Carroll avatar
I'm impressed by the level of customization your product offers!
Pedro Ladeira avatar
Such an amazing tool and simple to use!
Igor Krasnik avatar
Awesome product and image templates!
Guilherme Oenning avatar
This will make it so much easier!
Alex Bass avatar
This is exactly what we're need for our NextJS rebuild!
Dan Mindru avatar
Good OG images are underrated!
Nic Polotnianko avatar
This looks so awesome!
Charlie Yalf avatar
Amazing work!
Luca Restagno avatar
Super nice to use!
Karthik Tatikonda avatar
More link clicks on the way!
Felix Vemmer avatar
Excited to try this!
Charlie Yalf avatar
You’ve hit the nail on the head with this one!
Crockett Carroll avatar
I'm impressed by the level of customization your product offers!
Pedro Ladeira avatar
Such an amazing tool and simple to use!
Igor Krasnik avatar
Awesome product and image templates!
Guilherme Oenning avatar
This will make it so much easier!
Alex Bass avatar
This is exactly what we're need for our NextJS rebuild!
Dan Mindru avatar
Good OG images are underrated!
Nic Polotnianko avatar
This looks so awesome!
Charlie Yalf avatar
Amazing work!
Luca Restagno avatar
Super nice to use!
Karthik Tatikonda avatar
More link clicks on the way!
Felix Vemmer avatar
Excited to try this!
Matthias Neumayer avatar
Super useful!
Dany avatar
Great tool!
João Aguiam avatar
Having the OG image templates is super handy for creating images for our blogs and pages!
Connor McSwain avatar
Didn’t realize Nextjs had the ability to automatically generate OG Images!
Germán Merlo avatar
It is super cool!
Dima Rubanov avatar
This is really great!
Alex Dulub avatar
A valuable asset for developers and marketers alike!
Brik De Maeyer avatar
This changes everything for social media engagement!
Nico avatar
It's a cool little tool!
Javi Ezpeleta avatar
I can't think of a better, easier, and faster way to have good website thumbnails than with this tool!
Alex Bass avatar
This is amazing!
Paul Jansen avatar
Just what I needed!
Matthias Neumayer avatar
Super useful!
Dany avatar
Great tool!
João Aguiam avatar
Having the OG image templates is super handy for creating images for our blogs and pages!
Connor McSwain avatar
Didn’t realize Nextjs had the ability to automatically generate OG Images!
Germán Merlo avatar
It is super cool!
Dima Rubanov avatar
This is really great!
Alex Dulub avatar
A valuable asset for developers and marketers alike!
Brik De Maeyer avatar
This changes everything for social media engagement!
Nico avatar
It's a cool little tool!
Javi Ezpeleta avatar
I can't think of a better, easier, and faster way to have good website thumbnails than with this tool!
Alex Bass avatar
This is amazing!
Paul Jansen avatar
Just what I needed!

OG Image Templates

All templates are included in the kit and can be customized to your liking. You get the full source code to modify and use however you like.

Coming soon: Blog post, Podcast, Article, Product, Event, Portfolio, Resume & more. Let us know what you need!
Ilias Ism
@illyism now

No icons, no text, just a beautiful emoji

Emoji OG image template 👇

Emoji
From ogimage.org
Ilias Ism
@illyism now

These lucide icons look great

Icon OG image template 👇

Icon
From ogimage.org
Ilias Ism
@illyism now

Any image, logo or profile picture

Image OG image template 👇

Image
From ogimage.org
Ilias Ism
@illyism now

Highly converting call to action button

Button OG image template 👇

Button
From ogimage.org
Ilias Ism
@illyism now

Headline with a background box

headline OG image template 👇

headline
From ogimage.org
Ilias Ism
@illyism now

Make automatic screenshots for every page

Live screenshot OG image template 👇

Live screenshot
From ogimage.org
Ilias Ism
@illyism now

Real-time live screenshot of your mobile website

Phone OG image template 👇

Phone
From ogimage.org
Ilias Ism
@illyism now

Use Unsplash API + Vercel geolocation to get a city picture

City OG image template 👇

City
From ogimage.org

More templates coming soon

Examples: Blog post, Podcast, Article, Product, Event, Portfolio, Resume & more. Let us know what you need!

Real-world examples

Here are some examples of how websites can improve their open graph images. Generated 100% LIVE with our templates.

Oscar Stories

Oscar Stories is a bedtime story generator. They have a blog full of amazing stories for kids and adults.

But they were using the same image for all their blog posts. They wanted to generate a unique image for each blog post.

Here is how they can use ogimage.org to generate a unique image for each blog post.

Oscar Stories
Ilias Ism
@illyism now

Read the best Christmas stories for kids and adults. These stories are perfect for reading at bedtime.

Oscar Stories Blog Post OG image template 👇

Oscar Stories Blog Post
From ogimage.org

Wodily

Find crossfit gyms and boxes near you. Wodily uses programmatic SEO to create 10,000+ pages of crossfit gyms and boxes for every city, country and gym in the world.

So we used the Unsplash API to generate a unique image for each city. We use Geolocation to get the city and country of the user.

Note: This example is personalized to YOU! It will generate an image for the city you are in.

wodily basel switzerland social image
Ilias Ism
@illyism now

Show an image of the city you are in.

Unsplash + GeoIP City OG image template 👇

Unsplash + GeoIP City
From ogimage.org

Links Report

Links Report is an all-in-one backlink management platform that helps SEO agencies save time, impress clients, and scale link building efforts.

They started using ogimage.org to generate unique screenshot OG images for every page of their site.

Links Report social image before
Ilias Ism
@illyism now

Links Report is a backlink management platform that helps SEO agencies save time, impress clients, and scale link building efforts.

Links Report Blog Post OG image template 👇

Links Report Blog Post
From ogimage.org

Choose your plan

No monthly fees. One-time payment for lifetime access to the source code, plus AI-powered image generation.

Essential

$67$37
  • Source code
  • Unlimited custom images
  • Lifetime access
  • All templates
  • No AI images
  • Only GitHub support
Buy Essential
Pay once, create unlimited images
Popular

Pro

$147$97
  • Source code
  • Unlimited custom images
  • Lifetime access
  • All templates
  • AI Copilot ✨
  • 10% discount on partner products
  • No implementation support
Buy Pro
Pay once, create unlimited images

Scale

$497$297
  • Source code
  • Unlimited custom images
  • Lifetime access
  • All templates
  • AI Copilot ✨
  • 10% discount on partner products
  • Dedicated Slack support
  • Webflow? Framer? Wordpress? No problem!
Buy Scale
Pay once, create unlimited images
🛒 Holiday Shopping Season special offer
OG Image Copilot Screenshot100% AI Generatedseoroast.co
New OG Image Copilot

OG Image copilot is a powerful AI assistant that helps you generate OG images using AI. It's like having a designer in your pocket.

  • Powered by advanced AI models like Flux.1 and GPT-4o-mini
  • Bring your own API key for flexibility, control and privacy
  • Full guidance provided to help you get started quickly

Frequently asked questions

What is OG Image Generator?

OG Image Generator is an open-source tool that automatically generates open graph images for your website, blog, or social media posts. It is customizable, open source, and requires no design skills.

What do I get exactly?

You get lifetime access to the source code of OG Image Generator. You can host it on your own server, we have examples for Vercel, Firebase, Docker, and more. If there is something you need, we are here to help.

What are the templates?

The templates are pre-designed open graph images that you can use as a starting point. You can customize the text, colors, and images to match your brand. We have a variety of templates to choose from.

What is the essential plan?

The essential plan includes lifetime access to the source code, unlimited images, and our 3 top templates. Which are all you need to get started. You can always upgrade later and only pay the difference with a special coupon code.

JavaScript or HTML?

OG Image Generator is built with TypeScript. It supports Next.js and Sveltekit. It generates images using Sartori, a server-side rendering library. You can use JavaScript, SVG, Tailwind or HTML to customize the templates.

What is the refund policy?

After you've got access to the repo, the code is yours forever, so it can't be refunded. But we are here to help you with any questions or issues you might have. We are committed to making sure you are happy with your purchase.

Are there any other costs?

Yes, you need a server to host the code. But it can be as cheap as $0/month. The documentation includes examples for free hosting providers like Vercel, Firebase, and GitHub Pages. You can also use Docker, AWS, or any other serverless provider.

What if I need help?

We are here to help. You can reach out to us on Twitter or email. We also have a community of developers and designers who are using OG Image Generator and are happy to help you.

I can't afford it

We understand that not everyone can afford it. We are committed to making OG Image Generator accessible to everyone. If you need help, reach out to us and we will do our best to help you.

OG Image Generator - Create Beautiful OG Images in Minutes | Product Hunt

Get started today

Automate open graph images for your website, blog, or social media posts. Customizable. Open source. Lifetime access.

🛒 Holiday Shopping Season special offer
Dan Mindru

Dan Mindru

This looks incredible!
Good OG images are underrated; they make such a huge difference! Fantastic work 👏
Karthik Tatikonda

Karthik Tatikonda

This is pretty useful for makers and marketers who share links on social media. More link clicks on the way 🚀
Connor McSwain

Connor McSwain

Dope idea! Didn’t realize Nextjs had the ability to automatically generate OG Images. Going to incorporate this into my future projects.
Germán Merlo

Germán Merlo

Awesome, Ilias! It is super cool. Congrats on the product, and all the best on this amazing journey!
Nic Polotnianko

Nic Polotnianko

This looks so awesome and will help many people have beautiful OGs. It is definitely something I must improve.
Nico

Nico

It's a cool little tool, much needed considering how many terrible OG images I saw on Twitter.
Charlie Yalf

Charlie Yalf

You’ve hit the nail on the head with this one! I know OG images are important and how well they convert but they’re such a hassle I’ve never prioritised it enough! Amazing work!
João Aguiam

João Aguiam

Creating OG images is really hard. Having the OG image templates is super handy for creating images for our blogs and pages. Keep adding more templates!
Luca Restagno

Luca Restagno

Super nice to use! I've always used images for the OG Images, but you're right, I can use HTML with Next.js!
Matthias Neumayer

Matthias Neumayer

Super useful, great work 🚀
Javi Ezpeleta

Javi Ezpeleta

Big deal
I can't think of a better, easier, and faster way to have good website thumbnails than with this tool!
Igor Krasnik

Igor Krasnik

Awesome product and image templates! The true build-in-public spirit!
Paul Jansen

Paul Jansen

Just what I needed, smart idea :)
Crockett Carroll

Crockett Carroll

I'm impressed by the level of customization your product offers. It truly caters to individual preferences and needs.
Dima Rubanov

Dima Rubanov

This is really great!!
Felix Vemmer

Felix Vemmer

Excited to try this!
Pedro Ladeira

Pedro Ladeira

Such an amazing tool and simple to use!
Brik De Maeyer

Brik De Maeyer

This changes everything for social media engagement. Kudos, Ilias! 🙌
Guilherme Oenning

Guilherme Oenning

Creating OG images is just so much work! This will make it so much easier!
Dmytro Krasun

Dmytro Krasun

As somebody who is building a library of Open Graph examples, I am happy to see such a product.
Roberto Robles

Roberto Robles

This looks awesome.
Dany

Dany

Great tool
Great tool, I generated OG Images myself and that was a terrible experience! Thank you, Ilias!
Alex Dulub

Alex Dulub

The OG Image Generator sounds like a game-changer for enhancing social media presence with unique images. It's impressive how you've streamlined a process that's typically so resource-intensive. It's definitely a valuable asset for developers and marketers alike! Keep up the fantastic work.
Alex Bass

Alex Bass

This is amazing!
This is amazing! This is exactly what we're need for our NextJS rebuild—can't wait to use it! Love your work, Ilias!