# The demo video thumbnail: poster frame vs marketing cover July 18, 2026 · Product Demo Videos · 7 min read · https://aidemo.top/blog/demo-video-thumbnail/ > The poster that fills the box, the cover that earns the click, and the share card a crawler reads are three different pictures. Which frame to pick for each. **Key takeaways** - Three images get called the thumbnail: the in-player poster, the platform cover (YouTube CTR), and the og:image share card. Different specs, different jobs, rarely the same file. - Omit the poster attribute and the browser shows frame zero; iOS Safari shows a blank box unless the video autoplays or the source URL ends in #t=0.001 (SiteLint). - YouTube recommends a 3840x2160 16:9 thumbnail, min width 640, under 2 MB on mobile; 90% of best-performing videos use a custom cover, judged by CTR in the first 24 hours. - Never poster a spinner, login screen, empty state, or frame zero; pick a frame about a third in with real data on screen and the UI mid-action. - The chosen frame goes stale when the UI ships; extract it from the same spec that renders the video so poster, cover, and og:image regenerate. ## Three different pictures all called the thumbnail "Thumbnail" is doing three jobs under one word, and conflating them is why a demo's cover so often lands wrong. There are three distinct images here. Each one lives in a different place, obeys a different spec, and is judged by a different number, so treating them as a single picture guarantees that at least two of them end up as whatever the software defaulted to. | Surface | What the picture is | Where you set it | The spec that governs it | The one job it has | | --- | --- | --- | --- | --- | | In-player poster | The still inside the `