Pick a template, type your title and add your logo and brand colour to make an Open Graph image at 1200 x 630 pixels. Download the PNG, copy the meta tags and see how the link looks on X, LinkedIn and Slack.
Exports at exactly 1200 x 630 pixels. Your images stay on this device.
Invoices your clients actually pay on time
Upload the PNG to your site, then put its full https address here.
<meta property="og:type" content="website">
<meta property="og:title" content="Invoices your clients actually pay on time">
<meta property="og:description" content="Clear invoices, polite reminders and a weekly cash view.">
<meta property="og:image" content="https://yourproduct.com/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Invoices your clients actually pay on time">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Invoices your clients actually pay on time">
<meta name="twitter:description" content="Clear invoices, polite reminders and a weekly cash view.">
<meta name="twitter:image" content="https://yourproduct.com/og.png">From yourproduct.com
Invoices your clients actually pay on time
yourproduct.com
Acme
Invoices your clients actually pay on time
Clear invoices, polite reminders and a weekly cash view.
An OG image is the picture that shows in the preview card when someone shares your link on X, LinkedIn, Slack, WhatsApp or Facebook. You set it with the og:image meta tag in the head of your page.
OG stands for Open Graph, the protocol that Facebook made for share previews. Without an og:image, most apps show a plain text link or a small grey box, and far fewer people click it.
The standard OG image size is 1200 x 630 pixels (1.91:1). That one size works on Facebook, LinkedIn, X, Slack, Discord and WhatsApp, so you can use a single image for every app.
X crops large cards closer to 2:1, and some apps cut a little off the edges, so keep the title and logo at least 60 pixels from each edge. Save the file as PNG for sharp text, and keep it well under 5 MB.
| Platform | Recommended size | Ratio | Notes |
|---|---|---|---|
| 1200 x 630 | 1.91:1 | Images under about 600 x 315 show as a small thumbnail. Max file size 8 MB. | |
| 1200 x 627 (1200 x 630 works) | 1.91:1 | Reads og:image. Refresh old previews with the Post Inspector. | |
| X (summary_large_image) | 1200 x 628 | 2:1 shown | Minimum 300 x 157. Max file size 5 MB. Needs twitter:card. |
| Slack | 1200 x 630 | 1.91:1 | Unfurls og: tags and shows the image smaller, under the text. |
| Discord | 1200 x 630 | 1.91:1 | Shows a large image when twitter:card is summary_large_image, a small one otherwise (about). |
| 1200 x 630 | 1.91:1 | Shows a large or a small preview. Small files load more often; about 300 KB is a common tip. |
As of October 2026 · Source: Platform developer docs and BlockSnap share tests. Values marked about are approximate.
A good SaaS OG image has one big title, your logo and high contrast, and nothing else. People see it at about 500 pixels wide in a feed, so text under about 24 pixels in the 1200 pixel image is too small to read.
Say what the product does, not your tagline. Use your brand colour for the background or one accent, keep a safe area of about 60 pixels on each side, and add a product shot only if it is still clear when small.
Make one image per important page, such as the home page, pricing and each blog post. A page specific title gets more clicks than one generic card on every link.
BlockSnap builds your SaaS landing page from proven sections and publishes it with the OG image and meta tags already in place.
Get early access