Automate OG Image Generation
with an API
Stop designing Open Graph images by hand. Create a template once, then generate unique, branded OG images for every page on your site through a single API call.
Manual OG images break at scale
Open Graph images are the first thing people see when your content is shared on social media, messaging apps, and search results. But creating a unique image for every page is time-consuming, and most teams either skip it or fall behind.
The Image Automation API solves this by turning OG image creation into a simple API call. Design your template once with dynamic text and image layers, then let the API render a unique image for every page automatically.
Designers become a bottleneck
Every new blog post, product page, or landing page needs a unique OG image. When your design team has to create each one manually, publishing slows to a crawl.
Inconsistent branding across pages
Without a systematic approach, OG images end up with different fonts, colors, and layouts. Your link previews look fragmented across Twitter, LinkedIn, and Slack.
Missing images hurt click-through rates
Pages without OG images get generic previews when shared on social media. Studies show that posts with custom images receive up to 2x more engagement than those without.
How it works
Go from manual design work to fully automated OG image generation in three steps.
Design your OG image template
Use the visual drag-and-drop editor to create your OG image layout at 1200x630px. Add dynamic layers for the title, author photo, category badge, and any other variable content. Set your brand fonts, colors, and background.
Connect the API to your build pipeline
Call the REST API from your static site generator, CMS, or server-side rendering pipeline. Pass the page title, author name, and any other dynamic values as JSON parameters. The API returns a hosted image URL within seconds.
Generate unique images for every page
Each API call produces a new image with your exact template design and the dynamic content you specified. Set the returned URL as your og:image meta tag. Every page gets a branded, unique preview image with zero manual effort.
Built for developers who ship fast
Everything you need to integrate OG image generation into your existing workflow.
Next.js and framework integration
Generate OG images at build time with getStaticProps or on-demand with API routes. Works with Next.js, Astro, Nuxt, SvelteKit, and any framework that supports server-side rendering or static generation.
Dynamic metadata at scale
Render thousands of unique OG images from a single template. Each image reflects the actual page content: title, description, featured image, author, publish date, and more.
Optimized for social sharing
Output images at the recommended 1200x630px resolution in PNG, JPEG, or WebP. Images are hosted on a global CDN, so Twitter, LinkedIn, Facebook, and Slack load your previews instantly.
Sub-second response times
Images render in under 3 seconds. Cache the result URL and serve it from your own CDN, or use the hosted URL directly. No cold starts, no queues, no waiting.
Visual template editor
No need to write HTML/CSS to define your layout. Use the drag-and-drop editor to position text, images, shapes, and backgrounds. Preview exactly what the final OG image will look like before going live.
REST API with simple JSON
A single POST request with a JSON body is all it takes. No SDKs to install, no dependencies to manage. Works from any language or platform that can make HTTP requests.
Frequently asked questions
What is an OG image?
An OG (Open Graph) image is the preview image that appears when a URL is shared on social media platforms like Twitter, LinkedIn, Facebook, and messaging apps like Slack and iMessage. It is defined by the og:image meta tag in your page HTML. A well-designed OG image increases click-through rates by making your shared links more visually appealing and informative.
How do I generate OG images automatically?
You can generate OG images automatically by using an image generation API. First, design a reusable template with dynamic layers for variable content like the page title and author name. Then, call the API with the specific values for each page. The API renders a unique image based on your template and returns a hosted URL that you set as the og:image meta tag. This process can run at build time for static sites or on-demand for dynamic applications.
How do I create branded OG images automatically?
To create branded OG images at scale, start by building a template in the visual editor that matches your brand guidelines. Set your brand colors, upload your logo, choose your fonts, and position elements exactly where you want them. Once your template is saved, every image generated through the API will follow this exact design. You can create multiple templates for different content types, such as blog posts, product pages, and landing pages.
Can I use this with Next.js or other frameworks?
Yes. The Image Automation API is framework-agnostic. You can call it from Next.js API routes, getStaticProps, or getServerSideProps. It also works with Astro, Nuxt, SvelteKit, Gatsby, Hugo, Jekyll, and any other static site generator or server-side framework. Since it is a standard REST API, any environment that can make HTTP requests can generate OG images.
What sizes and formats are supported for OG images?
The API supports PNG, JPEG, and WebP output formats at any resolution. For OG images, the recommended size is 1200x630 pixels, which is the standard accepted by Twitter, LinkedIn, Facebook, and other major platforms. You can configure the output format and quality in your API request.
Automate your OG images today
Start generating branded Open Graph images with a simple API call. Free tier available, no credit card required.