TOOLTIKI Lovable tool, really free
Developer Web

Open Graph image size

1200 × 630 40:21
Max 8.0 MB ·JPG or PNG

Facebook, LinkedIn, WhatsApp, Slack and Discord all read this.

1200 × 630

Cropped in your browser · your image is never uploaded

Local · one image, several different croppers
Advertisement
320 × 100

1200 × 630, roughly 1.91:1. Set it once as og:image and Facebook, LinkedIn, WhatsApp, Slack, Discord and X all use it — it is the highest-leverage image on any website.

How to use the open graph image size

1 Read the dimensions above. That is the whole answer if the spec is all you came for.
2 Drop your own image in to check it against the spec — size, aspect ratio and file weight are each checked separately.
3 Turn on the safe zone to see what gets cropped or covered, then download the cropped version at the exact size.

One image, many croppers, is the thing to design around. The 1.91:1 frame is what Facebook and LinkedIn show, X uses almost the same for a large summary card, but several chat apps crop toward square, so a design with text running to the left and right edges loses it in Slack or WhatsApp. Keeping the important part in a centred square inside the 1200 × 630 solves it. Two practical rules: use an absolute URL for og:image, since relative paths silently fail, and remember that Facebook caches aggressively — changing the image does not change the preview until you refresh it through their Sharing Debugger.

Questions

1200 × 630 pixels, about 1.91:1.

The Open Graph protocolMeta — sharing debugger
Advertisement
300 × 250
Was this tool any good?
INTERNAL SIGNAL ONLY · WE USE IT TO FIND TOOLS WORTH REBUILDING