Build a custom Open Graph image using ready-made templates — Blog, Dark, Bold, and Minimal. Live 1200×630 preview, background options, logo/avatar support, and one-click PNG download.
Choose a template before tweaking text — each one is laid out for a different content type, and switching templates resets positioning, so it's faster to land on the right starting point first. Blog and Minimal work well when the title itself is the main visual interest; Dark and Bold are better suited to brand-forward pages where a logo or avatar needs to stay legible at thumbnail size.
Keep your title text short enough to read at thumbnail scale — these images render at 1200×630, but most platforms display the shared card at a fraction of that size in a feed. A title that's comfortably readable in the in-browser preview can still feel cramped once it's shrunk down to a 500px-wide card on someone's phone, so err toward fewer words and a larger font rather than more text at a smaller size.
If you're using a logo or avatar image, make sure it's hosted with CORS enabled before downloading — the final PNG is rendered client-side via the Canvas API, and a cross-origin image without the right headers will fail to draw into the canvas even though it displays fine in the live preview.
Once you've downloaded an image, pair it with the Open Graph Generator to produce the matching og:image and twitter:image meta tags — the image alone does nothing until a page actually references it.
An OG (Open Graph) image is the thumbnail that appears when your page is shared on social media. It's controlled by the og:image meta tag and should be 1200×630 pixels for sharp rendering across all platforms.
Hero works best for photo-heavy content. Split balances image and text. Bold is ideal for text-first brands or when you don't have a great photo. Minimal suits clean, product-focused pages.
The in-browser preview is a close approximation. The downloaded PNG is rendered at the full 1200×630 resolution using the Canvas API. External images must allow cross-origin access (CORS) to appear in the download.
Live Preview1200 × 630 px
Choose Template
Text
Images
Create a professional Open Graph image for any page — no design tool or sign-up required.
Pick from Blog, Dark, Bold, or Minimal — four professionally designed 1200×630 layouts.
Add your title, tag, author, date, logo, and main image using the editor panel.
Adjust background color, gradient direction, dot pattern, and call-to-action button.
Export a full-resolution 1200×630 PNG image, ready to use as your og:image tag.
The Open Graph image is the single most visible element when your page is shared on Facebook, LinkedIn, Slack, Discord, or WhatsApp. Before a reader sees your headline or reads your meta description, they see the image. Research from social platforms consistently shows that links with a strong, purpose-built image earn two to three times more clicks than links that display a random scraped thumbnail or a missing-image placeholder. Every page on your site that gets shared is an opportunity to drive traffic — or waste it.
The 1200×630 pixel standardexists because it maps to a 1.91:1 aspect ratio — the proportion that Facebook, LinkedIn, and Twitter/X all use for large-card link previews. Images that don't match this ratio get cropped, sometimes cutting off your logo or the most important part of your text. Always design to the exact canvas: 1200 pixels wide by 630 pixels tall. Keep text and critical visuals within a safe zone of roughly 100px from each edge to avoid cropping on smaller displays.
Template choice should match your content type. The Blog (Aurora) template works best for articles and editorial content with a strong hero photo. The Dark Glow template suits technical content, SaaS products, and dark-mode brands. The Bold Magazine template is ideal for high-impact announcements where the headline is the strongest visual. The Minimal Rings template fits clean brands and product-focused pages where whitespace signals quality.
Social platforms aggressively cache OG images. If you update your image and the old one still shows, use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a refresh. For Twitter/X, adding a query string like ?v=2 to your og:image URL forces platforms to re-fetch the new image instead of serving the stale cached version.