{"course":{"slug":"visual-storytelling","title":"Making It Say Something","url":"https://addaly.com/learn/visual-storytelling","level":"beginner","track":"create"},"lesson":{"slug":"the-first-frame-is-a-still","title":"The still is what recruits the play","url":"https://addaly.com/learn/visual-storytelling/the-first-frame-is-a-still","position":52,"of":64,"minutes":8,"answer":"Every moving piece is recruited by a still (cover, poster, link preview, paused first frame) so set each one deliberately, shoot a still rather than grabbing a frame.","keyIdea":"Every moving piece is recruited by a still (cover, poster, link preview, paused first frame) so set each one deliberately, shoot a still rather than grabbing a frame, and get the preview right before the link is shared because the card is cached."},"body":{"format":"markdown","text":"## Every moving piece is first a stationary one\n\nBefore anybody watches your video, they see a single frame of it, in at least four places:\n\n- the **cover** in a grid or profile,\n- the **poster** in a player before it starts,\n- the **link preview** when somebody shares the URL,\n- the **first frame** as it scrolls into view, paused or muted.\n\nIn each case the still is doing the recruiting. A piece with a good opening thirty seconds and a black first frame has a good opening thirty seconds that nobody reaches.\n\n## The default is usually the worst available frame\n\nLeft alone, most systems take frame zero, or a frame chosen by an automatic heuristic. Frame zero is very often the darkest frame in the piece, because editors fade in. Automatic selection tends to pick a sharp, well-exposed frame, which is not the same as a meaningful one: a crisp shot of an empty workbench beats a slightly soft shot of somebody's face by every criterion the machine has and by none that matter.\n\nSo set it explicitly, everywhere it can be set:\n\n- Upload a **custom cover** wherever the platform offers one.\n- Set `poster` on an HTML video element, so the player shows something before it loads.\n- Set `og:image` for link previews, at about **1200 × 630**, which is the size most cards crop to.\n\n## Link previews are cached, which is why yours is still wrong\n\nThe first time a URL is shared, the platform fetches the page, reads its `og:` tags and stores the result. Change the image afterwards and shares keep showing the old one, sometimes for a very long time, because nothing re-fetches on your schedule.\n\nThe practical consequence: **get the preview right before the link goes anywhere.** Most platforms offer a debug or card-validator tool that forces a re-fetch and shows what they actually read, and using it before you publish costs a minute. Using it afterwards costs an apology.\n\n```html\n<meta property=\"og:title\"       content=\"The £90 tool that halved our reject rate\">\n<meta property=\"og:description\" content=\"A workshop, a jig, and four months of measurements.\">\n<meta property=\"og:image\"       content=\"https://example.com/cover-1200x630.jpg\">\n```\n\n## What makes a good recruiting still\n\nIt is not the prettiest frame. It is the frame that makes the piece's promise legible at the size it will appear.\n\n- **One subject.** Two competing subjects at cover size is a blur.\n- **A face with a real expression**, if the piece has one, because faces survive shrinking better than nearly anything else: people read expressions at resolutions far below what reading text requires.\n- **Legible at a fingernail.** Shrink it to 150 pixels wide and look. Everything that disappears was decoration.\n- **Contrast against both light and dark interface**, since you do not know which the viewer is using.\n- **Not a frame from the fade-in.** Pull from a point where the piece is running.\n\n## Design a frame rather than finding one\n\nThe better habit is to plan for a frame rather than hunt for one. While shooting, take a deliberate still: the composition arranged, the subject placed, shot as a photograph. It costs thirty seconds on location and produces a cover that no frame grab will match, because video frames are compromises made for motion: a shutter speed chosen for movement, a moment chosen for what came after it.\n\nFor animated and graphic work the equivalent is to build the cover as its own artboard rather than exporting frame one.\n\n## The line that matters\n\nA cover is a promise. The same discipline applies here as to a headline: it may withhold, and it may frame, and it may not depict something the piece does not contain.\n\nThe specific failure is a cover showing a moment that never happens: a reaction, a result, a dramatic instant assembled or generated for the cover alone. It works once. It is also, for synthetic imagery, increasingly a labelling question, and the duties differ by country and keep moving, so that is a matter for a lawyer where you are rather than a rule this page can give you.\n\n## The limitation\n\nOptimising the still is optimising the front door, and it has a ceiling. A well-made cover on a piece that does not pay it produces a click, a few seconds, and an audience slightly less likely to click the next one. Platforms measure this directly: a high click-through paired with an immediate exit is a pattern their ranking systems are built to detect and demote.\n\nSo the cover is worth real effort and cannot rescue anything. It determines who arrives. The first second and the structure determine whether arriving was worth it."},"check":{"question":"A site owner replaces a page's `og:image` after the link has already been shared widely, but old previews keep appearing. Why?","options":[{"text":"Platforms fetch and store the tags the first time a URL is shared and do not re-fetch on the publisher's schedule.","correct":true},{"text":"Older shares embed a copy of the image at the moment of posting, so each existing post holds its own static copy.","correct":false,"tempting":"Close in effect but wrong in mechanism; the cache is held per URL by the platform, not copied into each individual post."},{"text":"Image files are served with long cache headers, so viewers' browsers continue showing the previously downloaded file.","correct":false,"tempting":"Blames browser caching, which would resolve for new viewers who never downloaded the old file, yet they see it too."},{"text":"Search engines index the original image and supply it to social platforms, which prefer an indexed version over a live fetch.","correct":false,"tempting":"Invents a dependency between search indexes and social cards, which are separately fetched and stored by each platform."}]},"prev":{"slug":"platform-shapes-and-safe-areas","title":"Something is always sitting on top of your picture","url":"https://addaly.com/learn/visual-storytelling/platform-shapes-and-safe-areas"},"next":{"slug":"sound-off-and-silent-meaning","title":"It has to work silent and reward being unmuted","url":"https://addaly.com/learn/visual-storytelling/sound-off-and-silent-meaning"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'The still is what recruits the play', in Making It Say Something. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/visual-storytelling/the-first-frame-is-a-still (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"The still is what recruits the play","courseTitle":"Making It Say Something","module":{"index":7,"slug":"surface-and-distribution","title":"The surface and the system carrying it"},"answer":null,"keyIdea":"Every moving piece is recruited by a still (cover, poster, link preview, paused first frame) so set each one deliberately, shoot a still rather than grabbing a frame, and get the preview right before the link is shared because the card is cached.","hero":{"kind":"plate","image":null,"alt":null,"caption":null},"blocks":[{"t":"h2","id":"every-moving-piece-is-first-a-stationary-one","runs":[{"text":"Every moving piece is first a stationary one"}]},{"t":"p","runs":[{"text":"Before anybody watches your video, they see a single frame of it, in at least four places:"}]},{"t":"ul","items":[[{"text":"the "},{"text":"cover","b":true},{"text":" in a grid or profile,"}],[{"text":"the "},{"text":"poster","b":true},{"text":" in a player before it starts,"}],[{"text":"the "},{"text":"link preview","b":true},{"text":" when somebody shares the URL,"}],[{"text":"the "},{"text":"first frame","b":true},{"text":" as it scrolls into view, paused or muted."}]]},{"t":"p","runs":[{"text":"In each case the still is doing the recruiting. A piece with a good opening thirty seconds and a black first frame has a good opening thirty seconds that nobody reaches."}]},{"t":"h2","id":"the-default-is-usually-the-worst-available-frame","runs":[{"text":"The default is usually the worst available frame"}]},{"t":"p","runs":[{"text":"Left alone, most systems take frame zero, or a frame chosen by an automatic heuristic. Frame zero is very often the darkest frame in the piece, because editors fade in. Automatic selection tends to pick a sharp, well-exposed frame, which is not the same as a meaningful one: a crisp shot of an empty workbench beats a slightly soft shot of somebody’s face by every criterion the machine has and by none that matter."}]},{"t":"p","runs":[{"text":"So set it explicitly, everywhere it can be set:"}]},{"t":"ul","items":[[{"text":"Upload a "},{"text":"custom cover","b":true},{"text":" wherever the platform offers one."}],[{"text":"Set "},{"text":"poster","code":true},{"text":" on an HTML video element, so the player shows something before it loads."}],[{"text":"Set "},{"text":"og:image","code":true},{"text":" for link previews, at about "},{"text":"1200 × 630","b":true},{"text":", which is the size most cards crop to."}]]},{"t":"h2","id":"link-previews-are-cached-which-is-why-yours-is-still-wrong","runs":[{"text":"Link previews are cached, which is why yours is still wrong"}]},{"t":"p","runs":[{"text":"The first time a URL is shared, the platform fetches the page, reads its "},{"text":"og:","code":true},{"text":" tags and stores the result. Change the image afterwards and shares keep showing the old one, sometimes for a very long time, because nothing re-fetches on your schedule."}]},{"t":"p","runs":[{"text":"The practical consequence: "},{"text":"get the preview right before the link goes anywhere.","b":true},{"text":" Most platforms offer a debug or card-validator tool that forces a re-fetch and shows what they actually read, and using it before you publish costs a minute. Using it afterwards costs an apology."}]},{"t":"code","lang":"html","label":"HTML","text":"<meta property=\"og:title\"       content=\"The £90 tool that halved our reject rate\">\n<meta property=\"og:description\" content=\"A workshop, a jig, and four months of measurements.\">\n<meta property=\"og:image\"       content=\"https://example.com/cover-1200x630.jpg\">"},{"t":"h2","id":"what-makes-a-good-recruiting-still","runs":[{"text":"What makes a good recruiting still"}]},{"t":"p","runs":[{"text":"It is not the prettiest frame. It is the frame that makes the piece’s promise legible at the size it will appear."}]},{"t":"ul","items":[[{"text":"One subject.","b":true},{"text":" Two competing subjects at cover size is a blur."}],[{"text":"A face with a real expression","b":true},{"text":", if the piece has one, because faces survive shrinking better than nearly anything else: people read expressions at resolutions far below what reading text requires."}],[{"text":"Legible at a fingernail.","b":true},{"text":" Shrink it to 150 pixels wide and look. Everything that disappears was decoration."}],[{"text":"Contrast against both light and dark interface","b":true},{"text":", since you do not know which the viewer is using."}],[{"text":"Not a frame from the fade-in.","b":true},{"text":" Pull from a point where the piece is running."}]]},{"t":"h2","id":"design-a-frame-rather-than-finding-one","runs":[{"text":"Design a frame rather than finding one"}]},{"t":"p","runs":[{"text":"The better habit is to plan for a frame rather than hunt for one. While shooting, take a deliberate still: the composition arranged, the subject placed, shot as a photograph. It costs thirty seconds on location and produces a cover that no frame grab will match, because video frames are compromises made for motion: a shutter speed chosen for movement, a moment chosen for what came after it."}]},{"t":"p","runs":[{"text":"For animated and graphic work the equivalent is to build the cover as its own artboard rather than exporting frame one."}]},{"t":"h2","id":"the-line-that-matters","runs":[{"text":"The line that matters"}]},{"t":"p","runs":[{"text":"A cover is a promise. The same discipline applies here as to a headline: it may withhold, and it may frame, and it may not depict something the piece does not contain."}]},{"t":"p","runs":[{"text":"The specific failure is a cover showing a moment that never happens: a reaction, a result, a dramatic instant assembled or generated for the cover alone. It works once. It is also, for synthetic imagery, increasingly a labelling question, and the duties differ by country and keep moving, so that is a matter for a lawyer where you are rather than a rule this page can give you."}]},{"t":"h2","id":"the-limitation","runs":[{"text":"The limitation"}],"role":"limit"},{"t":"p","runs":[{"text":"Optimising the still is optimising the front door, and it has a ceiling. A well-made cover on a piece that does not pay it produces a click, a few seconds, and an audience slightly less likely to click the next one. Platforms measure this directly: a high click-through paired with an immediate exit is a pattern their ranking systems are built to detect and demote."}]},{"t":"p","runs":[{"text":"So the cover is worth real effort and cannot rescue anything. It determines who arrives. The first second and the structure determine whether arriving was worth it."}]}],"check":{"question":[{"text":"A site owner replaces a page’s "},{"text":"og:image","code":true},{"text":" after the link has already been shared widely, but old previews keep appearing. Why?"}],"options":[{"text":[{"text":"Platforms fetch and store the tags the first time a URL is shared and do not re-fetch on the publisher’s schedule."}],"correct":true,"tempting":null},{"text":[{"text":"Older shares embed a copy of the image at the moment of posting, so each existing post holds its own static copy."}],"correct":false,"tempting":[{"text":"Close in effect but wrong in mechanism; the cache is held per URL by the platform, not copied into each individual post."}]},{"text":[{"text":"Image files are served with long cache headers, so viewers’ browsers continue showing the previously downloaded file."}],"correct":false,"tempting":[{"text":"Blames browser caching, which would resolve for new viewers who never downloaded the old file, yet they see it too."}]},{"text":[{"text":"Search engines index the original image and supply it to social platforms, which prefer an indexed version over a live fetch."}],"correct":false,"tempting":[{"text":"Invents a dependency between search indexes and social cards, which are separately fetched and stored by each platform."}]}],"order":[2,0,3,1],"why":null},"prev":{"slug":"platform-shapes-and-safe-areas","title":"Something is always sitting on top of your picture","minutes":9},"next":{"slug":"sound-off-and-silent-meaning","title":"It has to work silent and reward being unmuted","minutes":9}}}