I built an API to generate OG images, screenshots, and PDFs without managing Puppeteer/Playwright infrastructure
I built Ogify: one API for OG images, website screenshots, HTML-to-image, and PDFs
When I started building web products, I kept running into the same annoying problem: I needed to generate social preview images, take screenshots of pages, and create PDFs—but I did not want to maintain a headless-browser fleet just to do it.
So I built Ogify: an API that turns URLs, HTML, and reusable templates into OG images, screenshots, and PDFs.
Try it: https://www.ogify.online
Docs:
https://www.ogify.online/docs
The problem
A typical product needs several visual-rendering features:
Generate an Open Graph image when a user shares a blog post, product page, or profile.
Capture a website screenshot for previews, reports, dashboards, or support tickets.
Convert HTML into a PNG, JPEG, or WebP image.
Generate invoices, certificates, reports, or printable pages as PDFs.
Serve the generated asset from a stable URL inside your app, CMS, email, or automation workflow.
You can build this yourself with Puppeteer or Playwright, but then you have to manage browser binaries, rendering workers, timeouts, memory, fonts, caching, scaling, and failures. That is a lot of infrastructure for something that is often just “make this URL into an image.”
Ogify handles the rendering side through one API, so you can focus on your product instead of operating browser infrastructure.
What Ogify can do
Ogify supports several common rendering workflows:
Feature What it does
URL to screenshot Capture a live webpage as PNG, JPEG, or WebP, with viewport, full-page, and element-capture options.
HTML to image Render arbitrary HTML and CSS into an image.
OG image templates Create reusable branded social-card templates and render them with dynamic data.
URL or HTML to PDF Generate hosted PDFs for invoices, reports, certificates, and web pages.
Smart social card Turn one URL into extracted metadata, a screenshot, and a branded card.
Composite rendering Combine a live website capture with a branded social card.
Hosted assets Return a hosted URL that can be used directly in metadata, email, CMS content, or automation pipelines.
Quick example: generate an OG image
Here is the basic idea: send a template name and the dynamic content you want rendered, then receive an image URL.
bash
curl -X POST https://api.ogify.online/v1/render/template \
-H "x-api-key: $OGIFY_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "blog",
"title": "My Post"
}'
The response includes a hosted image URL:
json
{
"image_url": "https://api.ogify.online/i/..."
}
That URL can then be used directly in your page metadata:
xml
The API is designed so the generated asset can be used directly in a product, metadata tag, CMS, email, CI/CD workflow, or webhook-based automation.
A practical use case
Imagine a blogging platform where every post needs a social preview image.
Without Ogify, you might need to:
Build an HTML template for the card.
Launch a headless browser.
Render the template with post data.
Take a screenshot.
Store and serve the image.
Keep the browser workers healthy and scale them as traffic grows.
With Ogify, your backend can request the image and use the returned hosted URL immediately. The same idea works for screenshots of user dashboards, PDF invoices, certificates, and branded social cards.
Security and API keys
API keys should stay server-side. Ogify’s documentation covers API keys, headers, key rotation, and security practices, so keep the key in an environment variable or secret manager rather than exposing it in frontend code.
Why I built it
I wanted a simple developer workflow:
Create an API key.
Call one endpoint to render a URL, HTML, PDF, or template.
Use the returned hosted asset URL in my application.
That is the core idea behind Ogify: make visual rendering something you can add with an API call, rather than something that requires maintaining your own rendering infrastructure.
What I would love feedback on
I am especially interested in feedback from developers building:
Blogs, docs sites, and CMS-driven products
SaaS dashboards and reporting tools
Automation and workflow tools
E-commerce or invoicing products
Tools that need screenshots or PDF generation
Specifically:
Which rendering formats or integrations would be most useful?
Would reusable templates or a smart social-card workflow fit your product better?
What would you expect from caching, rate limits, or batch rendering?
If you try it, I would genuinely appreciate honest feedback—especially on the developer experience, documentation, and anything that feels missing.
Website: https://www.ogify.online
Documentation:
https://www.ogify.online/docs
Thanks for reading!