Make social preview cards that earn the click
An OG image is the picture people see when your link is shared on Facebook, X, LinkedIn, Discord, WhatsApp, or Slack — the "Open Graph" image defined by the og:image meta tag. Links without one get an auto-generated thumbnail: usually a stretched logo, a random page crop, or nothing at all. Links with a designed 1200 × 630 card get a billboard. EzySize's OG image generator builds that billboard in your browser: pick a background, write your headline and subtitle, drop in your logo, and download the exact-size PNG — no design tool, no account, no upload.
Why 1200 × 630? It is the size the Open Graph spec recommends and the size Facebook, LinkedIn and Discord display natively. X (Twitter) crops it to its own summary-card ratio, but starting from 1200 × 630 keeps the important content — centered, with margins — safe in every crop. One card, every platform.
The design that works is boring on purpose: a high-contrast headline of five to eight words, one supporting line, a logo mark, and a background that makes the text pop. Link previews are small — often just a few hundred pixels wide in a feed — so restraint wins: big type, few words, one idea. This tool enforces that discipline with a fixed layout: headline up to three lines, subtitle up to two, generous margins that survive every platform's crop.
How to make an OG image, step by step
- Choose a background. Pick one of six gradient presets, a solid brand color, or upload your own photo (it is cover-cropped to 1200 × 630 and you can darken it with the overlay slider so text stays legible).
- Write your headline. Five to eight words that say what the page is. This is the text people read in the feed — make it the page's promise, not its title tag.
- Add one supporting line. A subtitle of ten to fourteen words: the benefit, the number, the hook. If the headline is the "what," the subtitle is the "why click."
- Size and color the text. Larger type survives small previews; white on dark backgrounds is the safest contrast on earth. The preview updates live as you drag.
- Add your logo (optional). A transparent PNG sits cleanly at the top-left. It brands every share without eating headline space.
- Download and deploy. Save the PNG, host it on your site, and point your
og:image (and twitter:image) tags at it. Then force a re-scrape in Facebook's Sharing Debugger or X's Card Validator — platforms cache old previews otherwise.
Where a designed OG card pays off
Blog posts and articles. Every share becomes a mini-ad for the piece. Publishers that A/B test OG cards routinely see double-digit click lifts — the card is the only part of the share you fully control.
Landing pages. Your ad traffic and your organic shares should show the same promise. A matching OG card keeps the message consistent from click to share.
Product and pricing pages. A card with the product name, the price hook, and brand colors turns customer shares into referral creative.
Documentation and tools. Developers share docs links in Discord and Slack all day; a clean branded card makes your tool look like the serious one in the thread.
Event and webinar pages. Date, title, speaker names on the card — the share does the inviting.
Pro tips for cards that get clicked
- Write for the feed, not the page. The headline on your page can be clever; the headline on the card must be clear. Strangers decide in half a second.
- Contrast is everything. White text on a dark gradient is nearly unreadable-proof. Busy photo backgrounds need the darkening overlay — that slider exists for a reason.
- Keep text centered-ish with margins. X crops top and bottom, WhatsApp crops sides. The tool's padding keeps your words out of every danger zone.
- One card per page beats one card per site. A generic site-wide card is fine; a per-article card with the actual headline wins clicks.
- Test the actual share. Paste your URL into a private Discord channel or use the platform debuggers — what you see there is what everyone sees.
- Keep it under 8 MB, ideally under 300 KB. Platforms reject oversized images silently. This tool's PNG output is lean by construction.
OG image size, tags, and troubleshooting
The tags you need
Host your card PNG and add these to the page's <head>: og:image (absolute URL), og:image:width 1200, og:image:height 630, and twitter:card set to summary_large_image plus twitter:image. That covers Facebook, LinkedIn, Discord, Slack, WhatsApp, and X in one shot.
Preview not updating?
It is cached — always. Facebook's Sharing Debugger and X's Card Validator both have a "scrape again" function that busts the cache. WhatsApp caches aggressively too; changing the filename forces a fresh fetch.
Free OG cards without the catches
Design tools want an account and lock brand kits behind subscriptions; "free" card makers watermark the download. Here the card is rendered on a canvas in your browser — full 1200 × 630, clean, yours — and your background photos and logos never upload anywhere.
Half of a shared link's click appeal is the card. Build it in a minute, deploy it once, and let every share sell a little harder.
What is an OG image?
An OG image is the preview picture that appears when someone shares your link on Facebook, X (Twitter), LinkedIn, Discord, Slack, or WhatsApp. “OG” stands for Open Graph — the meta-tag standard Facebook created in 2010 that every platform now reads. When your page has an og:image tag pointing to a well-designed 1200×630 image, shares look deliberate and get clicked. Without one, platforms grab a random image (or none), and your link looks broken. It takes five minutes to make the card here — and it is the highest-ROI design work on your site.
How to add the og:image tag to your page
Designing the card is half the job; the other half is telling platforms where it lives. Add these tags inside your page’s <head> (replace the URL with your card’s address):
<meta property="og:image" content="https://yoursite.com/og/card.png">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="One compelling sentence.">
<meta name="twitter:card" content="summary_large_image">
The twitter:card tag with summary_large_image is what makes X show the big preview instead of a small thumbnail. After deploying, test with Facebook’s Sharing Debugger and X’s Card Validator — and if an old image is stuck, use the debugger’s “scrape again” button to clear the platform’s cache.
Do OG images affect SEO?
Honestly: not directly. OG images are not a Google ranking factor. What they do affect is click-through — a sharp preview card gets more clicks from social shares, and more qualified visitors is the outcome SEO is for. Think of the OG image as conversion optimization for your links, not a ranking trick.
Bottom line
Every link you share is an ad for your page — design the creative. A 1200×630 card with a clear headline takes minutes here, costs nothing, and makes every share look intentional across Facebook, X, LinkedIn, and WhatsApp.