b2KIT

Open Graph / Link Preview Card Maker

Design Open Graph preview images at 1200x630 for professional link sharing on social media.

Tested tool guide Tested browser tools Checked August 16, 2026

What Open Graph / Link Preview Card Maker does and how it behaves

Open Graph / Link Preview Card Maker creates landscape artwork intended to accompany a webpage when its URL is shared. It provides a 1200 by 630 pixel frame, letting you arrange a headline, brand identity, and focal imagery within the intended 40:21 composition. The common surprise is that making the card does not change the webpage or guarantee its appearance on a platform. The finished image still needs to be published and referenced in the page's Open Graph metadata.

How the result is produced

1

Fixed card frame

The design area is 1200 by 630 pixels, producing a 40:21 landscape image. Compose the headline, identity, and focal graphic within that boundary, then judge whether they remain legible when the card is reduced to feed or message size. This resolution is a practical sharing format, not a dimension required by the Open Graph protocol.

2

Image and metadata are separate

The maker creates the visual asset that can be associated with a page's og:image property. It does not publish the asset, edit the page's head element, or refresh previews already stored by sharing services. Design work remains in the browser and is not uploaded by the tool. Hosting the finished image at a reachable URL is a separate step.

Good uses

  • Preparing a launch card with a short product name, release message, and recognizable brand treatment before sharing a new landing page.
  • Replacing an automatically selected page photograph with a purpose-built preview whose wording and focal point still make sense at thumbnail size.
  • Creating a consistent 1200x630 share graphic for each article in a series while keeping typography, colors, and logo placement visually related.

Limits and checks

  • A 1200x630 source does not guarantee an uncropped display. Sharing destinations choose their own preview layouts and may resize, crop, or omit the image, so critical text should not depend on the outermost edges.
  • The completed artwork is not evidence that og:image is configured correctly. The page must reference a publicly reachable image URL, and its other Open Graph properties must describe the page independently of the pixels in the card.
  • Seeing an older card after publishing a replacement does not necessarily mean the new image is wrong. Sharing services can retain previously fetched metadata and imagery, and this maker cannot clear or control those external caches.

Common questions

Will this card appear automatically when I share the page?

No. The tool prepares the image, but the webpage must expose that image through an og:image meta property using a URL the sharing service can retrieve. The service then decides how to construct its preview. A blocked crawler, inaccessible image, stale cache, or competing metadata can prevent the new card from appearing.

Does Open Graph require every preview image to be 1200x630?

No. The Open Graph protocol defines properties for identifying an image and describing details such as its URL, type, width, height, and alternative text, but it does not require this exact canvas size. This tool specifically targets 1200x630, so it is unsuitable when you need artwork generated at a different native dimension.

References and verification

The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.

Related Tools