drag cover to reposition
API
Everything lives at GET /og. All params are optional except title (or url in auto mode).
| Endpoint | Use it for |
|---|---|
/og (+ /og.svg / /og.png) | Blog / article cards. Single cover image, badge, title. |
/event + /webinar (+ .svg / .png) | Webinar / event cards. Presenters, date, partner co-brand. |
Blog / article params
| Param | Meaning |
|---|---|
title | The headline. Wrapped automatically. |
subtitle | Smaller line under the title. |
badge | Small label above the title (e.g. Blog). |
site | Site label rendered in the footer (e.g. bunny.net). |
image | Cover image URL. Fetched at the edge, embedded as a data URI, and clipped to the right column. |
url | If set, Bunny OG fetches the page and extracts og:*, twitter:*, and <title> via streaming HTMLRewriter. The page's og:image is used as the cover. |
auto_subtitle | Auto mode only. Set to 1 to fill the subtitle from the page's meta description. Omitted by default — scraped descriptions usually crowd the card. |
Event / webinar params
| Param | Meaning |
|---|---|
title | The event title. |
subtitle | Smaller line under the title (e.g. Featuring WP Rocket). |
date | Free-form date / time string. We don't parse — what you pass renders as-is. |
location | Optional location below the date pill. |
partner | Partner company name, rendered next to the bunny.net wordmark. |
partner_logo | Partner logo URL. Fetched at the edge and embedded. |
presenter | Repeatable. Format: Name|Position|Company|PhotoURL (last three optional). Up to four presenters. |
Drop-in
Add a single <meta> to any page:
<meta property="og:image"
content="https://bunnycards.notrab.dev/og.png?url=https://yoursite.com/blog/post">SVG is also available at /og.svg (and the bare /og) — useful for previews and dashboards.