Designing thumbnails that read on a phone

You design a thumbnail on a large monitor, but people decide whether to tap it while scrolling on a phone, where it can be just a few centimeters wide — or even smaller in the list of suggested videos. A thumbnail that looks rich at full size often turns into noise at that scale. These rules help it survive.

1. Start with the squint test

Step back from the screen or squint until the image blurs. What remains visible is what a viewer sees in the feed: two or three big shapes and the strongest contrast. If the main subject doesn’t stand out in this blurred version, no detail will save it.

2. Make the important things big

Small elements disappear first. The subject — a face, a product, a number — should fill a large part of the frame, often a third or more. Remove secondary objects instead of shrinking them: a thumbnail with one big subject reads better than one with five small ones.

3. Separate by brightness, then by color

Two colors of the same brightness blend into one at a small size, even if they look different up close. Make the subject clearly lighter or darker than the background, and only then choose colors. A quick check: convert the thumbnail to grayscale. If the idea still reads, the contrast is right.

4. Use fewer, heavier words

Text is the first thing to become unreadable. Two to four words in a heavy font, with an outline, a shadow or a solid box behind them, will read where a full sentence won’t. Our article on text on thumbnails goes into detail.

5. Let faces show one clear emotion

Faces work well at small sizes because we recognize expressions instantly — but only strong ones. Surprise, joy, doubt: exaggerate a little, crop closer, and make sure the eyes are visible. A subtle smile that looks great at full size is invisible in the feed.

6. Check light and dark mode

YouTube’s interface can be light or dark. A thumbnail with a white background can melt into the light theme; one with a very dark gray background can disappear in the dark theme. Add a frame of contrast — a colored background, a vignette, a brighter edge — so the thumbnail has a clear outline in both.

Test at the size people actually see

Before uploading, look at the thumbnail at about 160 pixels wide and next to other thumbnails on the same topic. Is your subject recognizable? Is the text readable? Does your thumbnail look different from the others? Also keep the bottom-right corner free — the video length appears there on almost every surface.

In Thumbora you can generate several options at once and compare them side by side at a small size before choosing. If one is almost right, fix the detail with an AI edit — for example, “make the text bigger and add a dark outline” — and compare again.

Summary

• One big subject, few elements.
• Contrast by brightness first.
• Two to four heavy words.
• One strong emotion.
• Works on both light and dark backgrounds.
• Tested at about 160 pixels wide.