YouTube Thumbnail Design
Three weak thumbnails taken apart and fixed, and the six principles behind the fixes.
Poor Layout vs. Applied Design Principles
Contrast, hierarchy and a clear face or subject. These three changes are what separate the two images.
No credit card required · 5 free credits each month
Good thumbnail design here means one thing: a viewer understands what the video is about in a quick glance. That comes down to a few principles, such as contrast, one focus, a clear expression and room to breathe. The easiest way to learn them is to see them break, so this page takes apart three weak thumbnails and fixes each one.
The thumbnails are imagined. The problems in them are common.
Thumbnail 1: the crowded one
The video is "I Tried Every Free Note-Taking App". The thumbnail shows ten app logos in a grid, a surprised face in the corner and three lines of text across the middle.
What's wrong
- Ten logos are ten small things, and the eye has nowhere to start.
- The face is small and in the way of the logos.
- Three lines of text are unreadable at small size.
The fix
Pick one idea. If the video's hook is a winner, show only the winner's logo large, with a short phrase such as "THE ONE I KEPT". If it's the number, show "10 APPS" and one dramatic image. Everything else goes in the video. This is the principle of visual hierarchy: one message, one place to look first.
Thumbnail 2: the flat one
The video is "A Walk Through My Winter Garden". The photo is a gray sky over gray ground, with a person in a dark coat at the center and thin white text at the bottom.
What's wrong
- The person, the sky and the ground are all similar in brightness, so nothing stands out.
- Thin white text sits on a light sky and almost disappears.
The fix
Raise contrast. Darken the background, or lighten the subject, until the person clearly separates. Add one accent, such as a warm color in a scarf or the text. Replace thin text with a heavy typeface on a darker area. This is the principle of contrast, and it does the most work. The YouTube thumbnail color page shows a method.
Thumbnail 3: the one that says the title twice
The video is "How I Plan My Week in 20 Minutes". The thumbnail has a small desk photo on one side and a block of text reading "HOW I PLAN MY WEEK IN 20 MINUTES".
What's wrong
- The text repeats the title, so the viewer reads the same thing twice.
- The image is small and doesn't show anything the title doesn't.
The fix
Let the image carry the subject, and make the text add something. A large photo of a planner page, with "20 MIN" on it, works better. The title gives the reason to watch, the image shows the object and the text gives a number. This is the principle that a thumbnail and a title are one unit. YouTube thumbnail text goes further.
The six principles in one table
| Principle | The test | The fix when it fails |
|---|---|---|
| Contrast | Does the subject stand out in grayscale? | Darken or lighten one of them |
| One focal point | Can you say in a second where the eye goes? | Remove everything but the main subject |
| Clear expression | Can you read the feeling at small size? | Crop closer, or choose a clearer photo |
| Hierarchy | Is one thing clearly biggest? | Shrink the secondary elements |
| Empty space | Is there room around the subject? | Cut an element, or enlarge the canvas |
| Title and image as a pair | Do they say different things? | Rewrite the text so it adds a fact |
Do you need a face?
A clear face can help, because people read faces quickly. It isn't required. A strong product, scene or object works in many niches, and a face with a forced expression that doesn't match the video can hurt more than it helps. Use a face when you're part of the reason people watch, and when the expression fits the video. Otherwise let the subject do the work.
What to leave out
Empty space isn't wasted space. It lets the main thing breathe and makes the thumbnail easier to read at a small size. When a design feels off, the fix is often to remove something, not to add it. Try deleting one element at a time and see whether the thumbnail gets clearer.
How it changes by kind of video
- Tutorials. Show the result, or the one screen that matters, and keep any text to the outcome.
- Reviews and comparisons. Show the product, or the two products, large and clear. A verdict in a word is enough.
- Vlogs and stories. Use the moment where something changed. A scene or an expression tells it better than a label.
- Lists. The number goes in front. Pick the one item that sells the rest and show only that.
- Opinions and essays. There's often no picture, so the phrase leads, with one simple image under it.
Traps for people who know the rules
- Polishing too long. A clear thumbnail that exists beats a perfect one that doesn't. Set a time limit.
- Copying one successful channel. Borrow the principle, such as one subject and strong contrast, not its exact look.
- Judging it on a big monitor only. The thumbnail will mostly be seen on a phone.
- Adding a face to every thumbnail out of habit. If the expression doesn't match the video, leave it out.
A working order for designing one
- Write the title first, and decide what it doesn't say.
- Choose one subject for the image.
- Set the background so the subject stands out.
- Add text only if it adds a fact or a twist, and keep it to a few words.
- Shrink it to stamp size and fix whatever disappears.
- Compare it with your last few thumbnails. Does it look like it belongs to the same channel?
If you'd rather start from a description than from a canvas, the YouTube thumbnail maker builds one for you, and YouTube thumbnail ideas helps you choose the subject. When you have a draft, run it through the YouTube thumbnail checklist.
Frequently Asked Questions
What is the most important part of thumbnail design?
Contrast. If the subject doesn't stand out from the background at small size, nothing else matters. After that, a single clear focus.
Does a YouTube thumbnail need a face?
No. A clear face with a fitting expression can help, but a strong object or scene works in many niches. Skip a face if the expression wouldn't match the video.
How many elements should a thumbnail have?
As few as you can. One main subject and, if it helps, a few words. If you can't point to where the eye goes first, there are too many.
Should my thumbnails match my brand colors?
A repeated palette makes your thumbnails easy to recognize, so it helps for series and regular formats. Contrast comes first. A brand color that blends into the background is worse than one that stands out.
