Make an Open Graph Image

Create the image that appears when your page is shared as a link. Resize to 1200 × 630 for Open Graph, 1200 × 628 for X cards, or a 1200 × 1200 square.

  • On-device
  • No sign-up
  • Batch
  • Free, no watermark

Drop images on the plate

or paste with Ctrl/⌘ V

JPG, PNG, WebP, AVIF, HEIC, GIF, BMP, TIFF, ICO, SVG Up to 200 files · 50 MB each

Processed on this device

How it works

  1. 01Drop, choose or paste your cover image, screenshot or design.
  2. 02Choose Open Graph, X large card or Square preview.
  3. 03Select Process to crop and resize to that size.
  4. 04Download the image, or use Download all for several pages.

Why use this tool

Standard 1.91:1 size

1200 × 630 is the widely used Open Graph size, shown as a large preview in many chat and social apps.

X card and square

Presets for the 1200 × 628 X large card and a 1200 × 1200 square preview are included alongside it.

Batch for a whole site

Resize preview images for dozens of pages at once and download them in one ZIP for your CMS or build.

Supported formats

Use cases

Blog articles

Give every article a 1200 × 630 preview so shared links show a large image instead of a small thumbnail or nothing at all.

Product launch page

A landing page shared in team chats and on LinkedIn shows a 1.91:1 preview. Resize the hero image to fit and keep its text centered.

Docs and open-source projects

Resize a screenshot of your app to 1200 × 630 so links to your documentation look intentional when someone shares them.

Technical details

Open Graph images are set with the og:image meta tag in a page's HTML. Most services that build link previews, including Facebook, LinkedIn and Slack, use a 1.91:1 image, and 1200 × 630 is the common choice. Some apps crop the preview to a square or a narrower shape, so keep the title and logo in the center rather than near the edges. Use an absolute URL in the tag, and add og:image:width and og:image:height so the size is known in advance.

Platforms cache link previews. If you replace the image at the same URL, the old preview may keep showing for a while. Publishing the new image under a new file name, updating the tag and asking the platform to refresh usually fixes it. JPG suits photos and PNG suits text-heavy graphics; both are read by virtually every preview service. Sizes are current as of 2026.

Your files stay with you

This tool runs entirely inside your browser using Web Workers and WebAssembly. Your images are never uploaded, never stored on a server and never used to train AI. Close the tab and they’re gone. Learn more

Frequently asked questions

What is the correct Open Graph image size?

1200 × 630 pixels, a 1.91:1 ratio. It displays as a large preview on Facebook, LinkedIn, Slack and many other apps. For X, 1200 × 628 is the large summary card size, which is close enough that one image usually works for both.

Why isn't my new OG image showing when I share the link?

Platforms cache the preview the first time a URL is shared. Change the image's file name or add a version to its URL, update the og:image tag, then ask the platform to fetch the page again with its sharing debugger or post inspector, if it offers one.

Should I use a square Open Graph image?

Use 1200 × 1200 only if your content is naturally square, like a logo or album cover. Some platforms show square images as a small thumbnail beside the link rather than a large banner. For articles and pages, 1200 × 630 is the safer default.

What file format should an og:image be?

JPG for photos and PNG for graphics with text are the most widely supported choices. Keep the file reasonably small so preview services fetch it quickly. You can pick either format as the output when you resize here.

Related tools

You may also need

Related guides