# YouTube thumbnail design that earns the click honestly [Canonical HTML page](https://gradiently.design/guide/youtube-thumbnail-design) 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. ## The short version - 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. 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](https://support.google.com/youtube/answer/72431) for the current rules. [YouTube thumbnail size](https://gradiently.design/guide/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. **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. **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. **Read the words** If you can't read the text at that size, use fewer words, a heavier weight or larger type. 4. **Check the corners** Make sure the duration badge doesn't cover a word or a face. 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](https://gradiently.design/guide/fonts-for-social-media) lists faces that hold up when small. | Video title | Thumbnail words | Why it works | | --- | --- | --- | | How I restored a 1970s armchair | 40 hours later | Adds the effort the title leaves out | | Beginner watercolour: skies | Just 3 colours | Makes the promise concrete | | Our studio's first year, honestly | What went wrong | Adds the tension | | Testing four budget microphones | Which one? | Invites the question the video answers | Thumbnail words that add to the title instead of repeating it. A 16:9 thumbnail reading Just 3 colours in heavy type on a gradient background 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](https://gradiently.design/guide/text-over-image) has seven ways to make it readable. - Coral to magenta: `linear-gradient(135deg, #ff5f6d 0%, #c9208a 100%)` - Electric blue: `linear-gradient(135deg, #0038ff 0%, #00c2ff 100%)` - Forest to lime: `linear-gradient(135deg, #0f3d1e 0%, #9be15d 100%)` - Night to orange: `linear-gradient(135deg, #1a0033 0%, #ff8a00 100%)` 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](https://gradiently.design/guide/color-contrast-accessibility) 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](https://gradiently.design/guide/creator-branding) shows how to set up the whole channel look in an hour. A thumbnail for episode four of a watercolour series Episode four. A thumbnail for episode five of the same series in the same layout 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 ## FAQ ### 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.