Sociale medier

YouTube thumbnail design that earns the click honestly

A thumbnail is a poster the size of a stamp. Here is how to make one that reads at that size, looks like your channel, and promises only what the video delivers.

GradientlyVerificeret Gradiently-konto··5 min. læsning
Forside: Brick Fold · GR·33GQ·BS

Denne guide findes ikke på dit sprog endnu, så her er den på engelsk.

Kort fortalt

  • Design YouTube thumbnails at 1280×720 pixels, a 16:9 shape, and check that they still read when shrunk to the size of a fingernail.
  • Thumbnail text works best at three or four words that add to the video's title rather than repeating it.
  • Every thumbnail needs one clear focal point, such as a face, an object or a few words, with strong contrast against a simple background.
  • A consistent series style, with the same layout, type and colour family, lets viewers spot your videos in a crowded page.
  • A thumbnail should promise only what the video delivers; misleading thumbnails cost trust and can break YouTube's policies.
På denne side

Good YouTube thumbnail design comes down to reading at a glance: a 1280×720 image with one focal point, three or four words at most, strong contrast against a simple background, and a style viewers recognise as yours. And it should be honest. The best thumbnail makes a promise the video keeps, so the people who click are the people who stay.

YouTube thumbnail size and technical rules

YouTube's own guidance asks for a 1280×720 image in 16:9, at least 640 pixels wide, as a JPG, PNG or GIF under 2 MB. See YouTube's thumbnail help page for the current rules. YouTube thumbnail size covers the numbers in more detail; this article is about what goes on it.

Video thumbnail 1280×720

1280 × 720

Shorts cover 1080×1920

1080 × 1920

The two thumbnail shapes: 16:9 for videos, 9:16 for Shorts. They need different layouts, not one crop.

Two things sit on top of every thumbnail. The video's length appears in the bottom-right corner, and a red progress bar runs along the bottom edge for videos someone has partly watched. Keep words and faces out of that corner and off the bottom strip.

Design for the smallest size it appears

You design at 1280 pixels wide, but people mostly see thumbnails far smaller: in a phone feed, in the list of suggested videos, on a TV across the room. Detail vanishes, thin type disappears, and three competing elements turn into one blur. The fix is to judge every thumbnail at its smallest.

  1. 1

    Shrink it

    Zoom your canvas out until the thumbnail is about the width of your thumb, or view it on your phone at arm's length.

  2. 2

    Find the one thing

    Ask what you see first. If the answer isn't the focal point you chose, make that element bigger or simplify around it.

  3. 3

    Read the words

    If you can't read the text at that size, use fewer words, a heavier weight or larger type.

  4. 4

    Check the corners

    Make sure the duration badge doesn't cover a word or a face.

  5. 5

    Compare it in context

    Place it next to other thumbnails from your subject. It should stand apart, not blend in.

Three or four words, maximum

The title sits right under the thumbnail, so the thumbnail doesn't need to repeat it. Use the image's words to add something: the result, the stakes, a number, a contrast. Three or four words in a heavy weight read at any size; a full sentence doesn't. Fonts for social media lists faces that hold up when small.

Video titleThumbnail wordsWhy it works
How I restored a 1970s armchair40 hours laterAdds the effort the title leaves out
Beginner watercolour: skiesJust 3 coloursMakes the promise concrete
Our studio's first year, honestlyWhat went wrongAdds the tension
Testing four budget microphonesWhich one?Invites the question the video answers
Thumbnail words that add to the title instead of repeating it.
Watercolour skies
Just 3 colours
Gradiently · @gradiently

Three words, heavy and large, placed away from the bottom-right corner where the duration badge sits.

Contrast, colour and background

Thumbnails sit on YouTube's white page in light mode and its near-black page in dark mode, surrounded by other thumbnails. Saturated, confident colour with a clear light-dark contrast stands out against both. A simple background makes the focal point pop; a busy photo behind text makes it vanish. If text must sit on a photo, text over image has seven ways to make it readable.

Backgrounds with enough saturation and light-dark range to hold their own against both light and dark YouTube pages. Set white or near-black type on the part with the most contrast.

Check contrast on the actual area behind your words, not on the average colour. The ratios in colour contrast are a good floor, and thumbnails usually want more than the minimum.

Faces, objects or type

Each can be the focal point; pick one per thumbnail. A face works when the video is about a person's reaction, experience or opinion, and a genuine expression reads better than a forced one. An object works for tutorials, reviews and makes: show the thing, big and close. Type alone works for ideas, lists and explainers, and it is the easiest to keep consistent across a series.

A consistent series style

Channels that people return to usually have a recognisable thumbnail style: the same font, the same position for text, the same colour family, sometimes a small series label. It lets viewers spot your videos on a crowded home page. Branding for content creators shows how to set up the whole channel look in an hour.

Watercolour skies · Ep 4
Just 3 colours
Gradiently · @gradiently

Episode four.

Watercolour skies · Ep 5
One brush only
Gradiently · @gradiently

Episode five: same layout, same ground, new words. Recognisable at a glance.

Honest thumbnails that still get clicked

A thumbnail that overpromises might win a click, but viewers who feel misled leave quickly and trust the next thumbnail less. YouTube's policies also prohibit thumbnails that mislead viewers about a video's content. Make the promise specific and true, and let the design do the persuading.

Clickbait

  • Arrows and circles pointing at nothing in the video
  • A result the video never shows
  • Shock expressions unrelated to the content
  • Words that tease a twist that doesn't come

Honest and strong

  • The real result, shown big
  • A specific promise the video keeps
  • A genuine moment from the video
  • Words that frame the real question

Spørgsmål, folk stiller

What size should a YouTube thumbnail be?

1280×720 pixels in 16:9, at least 640 pixels wide, as a JPG, PNG or GIF under 2 MB.

How much text should a YouTube thumbnail have?

Three or four words at most, in a heavy weight, adding something the title doesn't say.

Should I put my face on YouTube thumbnails?

When the video is about your reaction, experience or opinion, a genuine expression helps. For tutorials and reviews, a large, clear shot of the object often works better.

Where should text go on a YouTube thumbnail?

Anywhere except the bottom-right corner, where the video length appears, and the bottom strip, where the progress bar sits.

How do I make my thumbnails recognisable?

Use one layout, one font and one colour family for every video, varying only the words and the focal image.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil