In-browser OG image generator
Type a title, choose a layout and brand colors, and download a 1200×630 PNG instantly. No signup and no watermark on the output.
OG image checker with platform previews
Paste any URL to see each Open Graph tag, spot problems like a missing og:image:alt or a wrong twitter:card value, and preview the card on four platforms at once.
Nine open-source Next.js templates
Copyable routes for headline, blog post, live screenshot, phone, button, profile, and review cards, rendered with Satori and styled with Tailwind CSS.
Gallery of 429 real OG images
A swipe file of cards made on purpose by live startups, sorted by category such as SaaS, AI, Design, and Ecommerce, each shown with its color palette.
Written guides on Open Graph fundamentals
Reference articles covering what an OG image is, the 1200×630 size standard and per-platform limits, og:image tag rules, and Next.js implementation approaches.
The problem this site solves is narrow and concrete: making a shared link look like something people want to click. ogimage.org addresses it with four connected pieces. The generator renders a 1200×630 card directly in the browser from a title, layout, and brand colors, with no account or watermark, and offers a live preview as you type. The checker accepts any URL and reports per-tag diagnostics — image size, whether twitter:card is set to summary_large_image, whether og:image:alt is missing — alongside how the link would appear on four platforms.
The template side is aimed at developers who want cards generated automatically rather than hand-made. Nine Next.js routes cover common patterns such as headline, blog post, live screenshot, phone, button, profile, and reviews. Each route renders JSX through Satori and styles it with Tailwind CSS, and the full source is cloneable under an MIT license. The gallery complements the tools as a design reference: 429 real Open Graph images from live startups, filterable by category and shown with each card's color palette, which makes it usable as a swipe file for designers and marketers.
Everything on the site is free and released as a single public repository. There is no paid tier, no account requirement, and no hosted image service — you generate, download, and host the images yourself. Supporting guides explain the OG image size standard, the og:image meta tag rules, Open Graph tag reference, and the Next.js implementation options.
