Two meta tags decide how your link looks the moment someone shares it on X. Get the wrong one of the twitter card types on your page, and a genuinely good image still shows up as a tiny square...
You paste your URL into the Twitter Card Validator, hit enter, and instead of a preview you get a login screen. If that's how you landed here, you're not imagining a bug on your end.
If you have ever pasted a link into Facebook, Slack, or Discord and watched a tiny, cropped, or completely missing picture show up instead of the graphic you spent an hour designing, the problem...
The og and twitter tags each platform reads, the one image size that works everywhere, why a preview shows the wrong picture, and how to make each platform fetch the fix.