What size should an OG image be?

1200 × 630 px is the safe default for Facebook, LinkedIn, and Slack. X renders 1600 × 900 cleanly with summary_large_image. Both sizes are presets here.

My link preview still shows the old image. Why?

Platforms cache previews. Re-scrape the URL with the platform's debugger, or add a version query string to the image URL.

Why does the title get cut off?

The title wraps to four lines and then stops. Shorten it — cards are read at thumbnail size, so under about 60 characters works best.

OG Image Generator

Design the 1200 × 630 image that shows when your page is shared on X, LinkedIn, Slack, WhatsApp, and Facebook. Type a title and subtitle, add your domain and logo, pick a theme, and export a PNG. The tool also generates the og:image, og:title, og:description, and twitter:card meta tags with the right dimensions filled in, so the card renders correctly the first time.

Title

Subtitle

Site or handle

Card size

Theme

Logo (optional)

Drop a logo

or click to browse — you can also paste with Ctrl/Cmd+V

A transparent PNG works best

Your image is processed in this browser tab with the Canvas API. It is never uploaded, stored, or sent to a server.

Meta tags for your <head>

<meta property="og:image" content="https://markdownme.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:title" content="How we cut our AWS bill by 62%">
<meta property="og:description" content="A practical guide with real numbers">
<meta name="twitter:card" content="summary_large_image">

How to Use OG Image Generator

Type the title and subtitle for the card.
Add your domain or handle, and a logo if you have one.
Pick a card size and theme.
Download the PNG and put it in your site's public folder.
Copy the meta tags into your page head.

Frequently Asked Questions

What size should an OG image be?: 1200 × 630 px is the safe default for Facebook, LinkedIn, and Slack. X renders 1600 × 900 cleanly with summary_large_image. Both sizes are presets here.
My link preview still shows the old image. Why?: Platforms cache previews. Re-scrape the URL with the platform's debugger, or add a version query string to the image URL.
Why does the title get cut off?: The title wraps to four lines and then stops. Shorten it — cards are read at thumbnail size, so under about 60 characters works best.

Related Tools

Image Resizer

Resize an image to any width and height in your browser. Free online image resizer with aspect-ratio lock, percentage presets, and PNG, JPG, or WebP output.

Image Compressor

Compress JPG, PNG, and WebP images in your browser. Set a target size in KB or pick a quality level and cut file size by up to 90%.

Image Converter (PNG, JPG, WebP)

Convert images between PNG, JPG, and WebP in your browser. Free bulk image converter — drop several files at once, no upload, no signup.

Image Cropper

Crop an image online with a draggable box and aspect-ratio presets for 1:1, 16:9, 4:5, and more. Free, browser-based, no upload.

About OG Image Generator

Create an Open Graph social preview image with a title, subtitle, logo, and theme — plus the meta tags to paste into your head. Free. This tool runs entirely in your browser, so your content is not sent to a server. MarkdownMe provides free, fast, and reliable Markdown tools for developers, writers, and anyone who works with Markdown.