The card people see before they decide whether to click. Drop in a screenshot, add a headline, export at 1200 by 630. The backdrop is built from the colours in your own screenshot, so the card looks like your product. Free, nothing uploads.
Paste a screenshot
⌘V · or drop a file · or click to browse
A card that shows the actual product outperforms an abstract graphic, because someone scrolling past learns what they would get by clicking.
The same card is used by X, LinkedIn, Slack, Discord and most chat apps. Get this one size right and every platform is covered.
Wide formats have room for a text column next to the screenshot. Keep it to a handful of words: the card is often displayed at half its size or less.
Save the PNG into your project and reference it in your page head. Give the file a new name whenever you change it, since the platforms cache preview images by URL for days.
1200 by 630 pixels is the size that works everywhere and the one this preset uses. Anything much smaller gets shown as a tiny thumbnail instead of a wide card, which loses most of the attention the card is there to earn.
Yes. X reads the same 1200 by 630 image when the card type is set to summary_large_image, and so do LinkedIn, Slack and Discord. One file covers all of them.
The platforms cache preview images by their address, often for days. The reliable fix is to give the new file a different name so it is a new address, rather than replacing the old file in place. LinkedIn and Facebook also offer inspector tools that force a refresh.
Yes, above or beside the screenshot, with an optional second line underneath. The text is drawn into the image itself, so it shows even where a platform hides the page title.
Nowhere. The card is composed on a canvas in your browser and saved straight to your disk. There is no upload endpoint in this product, and the content security policy pins outbound connections to the site itself.