Skip to main content
Captions & Subtitles
subtitles
typography
contrast

Caption Styling That Stays Legible on Every Background

White text vanishes on a bright sky and a black box eats the frame. Four ways to separate captions from footage, and how to size them for the canvas.

6 min read1,317 words
Share:

A caption fails at the moment the speaker walks past a window. The text was legible for forty seconds against a dim interior, and then the frame goes bright and the white letters are simply gone. Nothing changed in the caption; the background changed underneath it, and the caption never had any contrast of its own to begin with.

That is the whole problem in one sentence. Caption legibility is not a typography question, it is a separation question: the text needs a guaranteed boundary against footage you cannot predict. This guide covers the four techniques that provide that boundary, how to choose between them, how to size type against the canvas rather than against the monitor you are working on, and how to test the result on the frames that actually break it.

Contrast You Do Not Control

Text on a web page sits on a known colour, so contrast can be calculated once and trusted. Text on video sits on a different colour every frame, and often several different colours at once across the width of a single line.

This has an awkward consequence: the average brightness of a shot tells you almost nothing. A frame that is dark overall can still have a bright specular highlight exactly where the third word lands. A caption tested against a mid-grey wall is untested.

So the working assumption has to be adversarial. Assume the background behind the text will at some point be white, black, and busy detail, and pick a style that survives all three. Every technique below is a way of making the text carry its own background with it.

Four Ways to Create Separation

Two of these get chosen for the wrong reasons. A drop shadow alone is the most common under-specified caption style: it looks correct in an edit suite on a dark grade, and then vanishes the first time the shot is overexposed. Pair it with a stroke or accept that it is decorative.

The background box is the opposite mistake — it is the safest option and frequently the first one reached for, at the cost of covering a strip of every frame for the whole video. It earns its place over genuinely unpredictable footage. Over an interview against a wall, it is armour nobody needed.

no separationoutlineddark footagebright footageThe top line is present in both halves.
The same two words over a split background. Plain white survives one half; the outlined version survives both.

Size Against the Canvas

Caption size expressed in pixels is meaningless without the canvas it sits on, and this is where most cross-format mistakes originate. A 48-pixel caption occupies roughly two and a half percent of the height of a 1920×1080 frame and roughly two and a half percent of the width of a 1080×1920 one — which is a completely different apparent size.

Work in fractions of frame height instead. Body captions somewhere in the range of four to five percent of frame height is a sensible starting position for short-form, which puts you near 42 to 54 pixels on a 1080×1920 canvas and near 44 to 54 on a 1080-tall horizontal one. Broadcast-style dialogue subtitles usually sit smaller, closer to three percent, because they are read on larger screens from further away.

The number matters less than the consequence, which is line count. Type large enough to read on a phone and a long sentence wraps to three lines, which is above the comfortable maximum and which pushes into the picture. If your caption is wrapping more than two lines, the fix is usually fewer characters rather than smaller type — the reading-speed reasoning behind that is in the timing rules that govern cue length and duration.

Weight, Not Just Size

Small-screen legibility responds to stroke weight more than to point size, and weight is free: a semibold cut takes the same vertical space as a light one.

Choose a sans-serif with an open aperture and a large x-height, and avoid anything with thin strokes — a hairline serif or a light geometric sans loses its thin parts entirely once an outline is applied over the top, leaving letterforms that look eaten. Condensed faces fit more characters per line and pay for it in the confusability of similar letters at small sizes.

Two settings finish the job. Keep letter-spacing at or slightly below normal so words hold together as shapes rather than as strings of letters. And set line-height tighter than you would for body text on a page, somewhere near 1.1 to 1.2, so a two-line cue reads as one block instead of two separate statements.

Colour Is Not the Lever It Looks Like

Brand colour is the first thing people reach for and close to the last thing that helps. A coloured fill has less tonal range to work with than white does, so it loses contrast against both bright and dark footage rather than only one of them, and a mid-tone brand colour can end up the least legible option on the list.

Where colour genuinely earns its place is as a distinction rather than as decoration: one colour per speaker in a two-hander, or a single highlighted word carrying emphasis in a kinetic caption. Both are carrying information, which is a different job from looking on-brand.

If you do want colour, put it in the outline or the box rather than the text. A white fill with a brand-coloured stroke keeps the legibility of white while still reading as yours, and it fails gracefully because the fill is doing the work.

The Frame Is Smaller Than It Looks

A perfectly styled caption placed where the platform draws its own interface has not been delivered. Usernames, captions, action buttons and progress bars all sit inside the frame you exported, and they differ per platform and per surface within a platform.

The practical rule is to keep caption text out of the outer margins entirely and to hold it well clear of the bottom edge on vertical video, where the interface is densest. The specific zones and how much they take are mapped in what each platform covers on a vertical frame.

This constraint tightens when a horizontal source is being re-framed, because the crop moves the subject and the caption has to end up somewhere that works in both the new composition and the platform's layout. That interaction is worth planning before the crop rather than after, and it is covered in reframing 16:9 footage to 9:16.

Building a Preset Once

The point of a preset is that this decision gets made once and then stops consuming attention on every project.

    Next Steps

    Open your most recent finished video and jump to its brightest shot. If the captions are hard to read there, the style has no separation of its own and every future project on that preset carries the same fault.

    Fix it once at the preset level rather than per project. Then decide whether that styling has to survive delivery as pixels or as text, because a style you designed only exists if the captions are rendered into the picture — the trade-off is set out in burned-in captions against soft subtitles, and the rest of the caption pipeline sits under captions and subtitles.

    Frequently Asked Questions

    VisionKut Editorial

    Written by the VisionKut production team — editors, motion designers, and engineers who build and use the tools daily.

    Related Articles