Open Graph Image

Also known as: OG image · social share image

The image that appears when a URL is shared on Twitter, LinkedIn, Slack, iMessage, etc. Specified via og:image meta.

An Open Graph image is the preview image rendered when a URL is shared on social platforms. It’s declared with an `<meta property="og:image" content="...">` tag in the page head, alongside `og:title`, `og:description`, and a few related fields. The recommended size is 1200×630 pixels.

Most sites ship a single static OG image per domain. The bigger win is per-page dynamic OG images that include the article title, the project name, the price tier — whatever distinguishes that specific URL. Frameworks like Next.js make this approachable: an `opengraph-image.tsx` file generates a custom PNG for each route at build time using JSX and CSS.

A distinct, branded OG image roughly doubles social click-through compared to the same link with a generic preview, because it gives readers a richer cue about what they’re about to read.