Sprite declares a large card, then supplies a 477px logo

twitter:card is summary_large_image. The image is en_sprite_logo_green-text-only_477x180.png.

coca-cola.com

So the large card renders a small logo

Upscaled, letterboxed, or both, depending on where it's pasted.

www.coca-cola.com

What's actually wrong

The Sprite brand page asks for the large-format card and then hands it a 477x180 logo. The slot wants roughly 1200x630 at 1.91:1; this asset is 2.65:1 and a fraction of the required width, so platforms either upscale it into softness or pad it into a letterbox. Meanwhile the sustainability section ships no og:image at all, so one property is running two different failure modes at once.

This is cause 4 of the 5 ways link previews break. The full breakdown covers the manual fix and the automatic one.

twitter:card             → summary_large_image
og:image                 → en_sprite_logo_green-text-only_477x180.png
recommended              → 1200x630 (1.91:1); this asset is 2.65:1
/us/en/sustainability    → og:image not present

Sprite, filling the frame

Rendered at the exact dimensions each platform asks for. Same logo, right context.

Sprite

Two failure modes on one property

A wrong-shaped image on the brand pages, no image at all on sustainability.

Sustainability on Twitter

The section with no share image at all.

Coca-Cola Sustainability
Fixed by OpenGraph+
www.coca-cola.com
Today there's no image

The brand index on Facebook

Every brand under one roof.

coca-cola.com
Coca-Cola Brands
Fixed by OpenGraph+
www.coca-cola.com
Today it's a logo in a wide frame

For whoever owns the templates

The card type is a promise

Declaring summary_large_image commits you to filling a 1.91:1 frame. A 477x180 logo can't, so the platform improvises.

twitter:card: summary_large_image
og:image:    477x180

Logos aren't share images

Logo files are built for headers and favicons: transparent, small, wrong aspect. Reusing them in the share slot is the most common CPG mistake.

Right size, every platform

OpenGraph+ renders per consumer, so X, Facebook, LinkedIn, and iMessage each get an image at the dimensions they actually want.

Is your site doing this too?

Run the same check we ran on Sprite: every platform, every page we can find, free.