VideoBB
Upload Premium Sign in

Video thumbnails that get clicks

The thumbnail is the pitch. How to compose one that reads at a glance, when text helps and when it hurts, and how to use VideoBB's generated candidates and custom uploads.

A thumbnail gets clicked when it makes one clear, honest promise. It must read in under a second at the size it is really shown. Use a single subject with strong contrast against the background. Add three or four words of text at most, and a face or object that shows the topic.

Abstract illustration of a grid of small rectangles with one rectangle glowing in high contrast against the rest.

A thumbnail has one job, and it is not to look good. Its job is to make a viewer scanning a page of pictures stop on yours long enough to read the title. That happens in well under a second. It happens on a phone, at a width of a hundred and something pixels, with a dozen other images around it.

Everything in this guide follows from that limit. Layout, colour, text and testing are all about being readable at a small size and honest about what the video contains. VideoBB makes three candidate thumbnails from every upload. Sometimes one of them is the right answer. This guide explains how to tell, and what to do when none of them is.

Design for the smallest size it will be shown

Thumbnails appear at many sizes. They are large on the watch page and medium on the channel grid. They are small in search results and in shared-link previews, which the social previews help page explains. In some sidebars they are tiny. Design for the small one. If the image reads at about 120 pixels wide, it will read everywhere. If it only works at 640, it fails in exactly the places where people decide to click.

The practical test is to shrink your draft to that width on screen and step back. Can you tell what the subject is? Can you read the text, if there is any? Does it look different from the thumbnails around it? If any answer is no, simplify: fewer elements, larger subject, stronger contrast.

The four things that make a thumbnail readable

  • One subject. A face, an object or a before-and-after pair. Two subjects halve the size of each; three make a collage nobody can parse at small sizes.
  • Contrast between subject and background. A light subject on a dark background or the reverse. Busy backgrounds should be blurred, darkened or replaced with a plain colour.
  • A clear focal point in the upper or centre area. The bottom-right corner is often covered by a duration badge in players and lists, so keep anything important away from it.
  • A visual difference from the rest of the channel. Consistency in style is good; near-identical thumbnails make every video look like a repeat. Vary the dominant colour or subject between consecutive uploads.

Text on thumbnails: when it helps and when it hurts

Text is the most overused thumbnail element. It works when it adds information the image cannot carry; it fails when it repeats the title or when there is too much of it to read at small size.

Text that earns its place

  • Two to four words that complete the image: a number, a result, a contrast word.
  • Set in a heavy sans-serif, large enough that the shortest word fills at least a quarter of the width.
  • High contrast with an outline or a solid block behind it, so it survives any background.
  • Says something the title does not, so the pair together make one pitch.

Text that costs clicks

  • A sentence, or the title repeated word for word.
  • Thin or decorative fonts that vanish at small sizes.
  • Text placed over the subject's face or the object the video is about.
  • Text that promises something the video does not deliver.

Faces, objects and the honesty rule

Faces with a clear expression draw the eye, which is why they are everywhere. They work best when the expression matches the video: curiosity for an explainer, satisfaction for a finished project, focus for a tutorial. The exaggerated shocked face has become a genre of its own. Audiences that have seen thousands of them now read it as low effort rather than excitement.

For product, craft, cooking and technical channels, the object often beats the face. Browse the cooking category and the finished dish does the selling. The same goes for the repaired part or the code on screen: a viewer searching for that thing knows it at once. Whichever you choose, the thumbnail must be a fair summary of the video. A misleading thumbnail earns a click and loses the viewer in the first ten seconds. That early exit shows up as poor watch time in the studio. Over time it also teaches your audience not to trust your thumbnails, which is expensive to undo.

Choosing between generated candidates and a custom image

VideoBB extracts three candidate frames from every upload and lets you replace them with a custom upload. A short decision routine keeps this from eating your afternoon.

  1. Look at the three candidates at small size

    In the studio, shrink the browser or step back from the screen. A frame with a clear subject, no motion blur and no half-closed eyes may be all you need for talking-head and tutorial videos.

  2. Ask whether the frame states the topic

    A good frame of you talking says "person talking". If the video is about a specific result, object or comparison, the frame probably does not show it, and a custom image will.

  3. Build the custom image from a real frame

    Export a full-resolution still from the edit, ideally 1280 by 720 or larger at 16:9, then crop tighter on the subject, lift contrast, and add at most a few words. Starting from the real footage keeps the thumbnail honest.

  4. Save at a sensible size

    Export as JPEG or PNG at the source resolution. Very large files gain nothing at thumbnail sizes, and a clean 1280 by 720 image scales down well to every place it is shown.

  5. Upload and check the watch page and channel grid

    Confirm the crop survives in both places and that nothing important sits under the duration badge.

Thumbnail choices by video type

A starting point, not a rule. The right answer is whichever image tells the viewer what they get.

Video typeSubject to showText?Generated frame usually enough?
Talking-head explainerYour face, clear expression, plain backgroundOne or two wordsOften
Screen tutorialThe end result or the key screen, zoomedTool or task nameRarely; screens are unreadable at small size
Cooking, craft, repairThe finished thing, largeUsually noneSometimes, if there is a hero shot
Comparison or reviewTwo items side by side, or one item with a verdict wordOne wordRarely
InterviewBoth faces, or the guest aloneGuest nameSometimes
Vlog or travelOne strong location shot with a person for scalePlace name or noneOften

Testing without a testing tool

Formal A/B testing of thumbnails needs a platform that splits traffic, which most hosting does not do. You can still test, more slowly. Publish with your best guess and note the views per day in the studio for the first week. Then swap the thumbnail and watch the next week. Traffic sources change from week to week, so this is a rough comparison, not a controlled one. A large difference still tells you something.

A cleaner test is between videos rather than within one. If the two videos on your channel with the highest views per day share a thumbnail style, that style is worth repeating. The metrics guide explains how to make that comparison without fooling yourself with a single outlier.

A workable routine

Give thumbnails a fixed slot in the production routine so they are neither an afterthought nor a time sink. Ten minutes per video is enough once you have a template: a crop, a colour treatment and a text style you reuse. Keep the template in the same tool you edit in, so the export is one step, and keep the source stills so you can revise later. The videos that turn out to matter are usually the ones you would not have predicted. Giving an older video a better thumbnail is a cheap way to earn views from work you have already done. If a still from the edit looks soft, the export settings are usually to blame; see why video looks blurry after upload. Thumbnails are one half of the pitch. The title and description are the other. If you are still shaping what the channel is about, how to start a video channel helps you pick a look that fits.

Frequently asked questions

What size should a custom thumbnail be?

Export at the source frame size or 1280 by 720 in 16:9. That scales cleanly down to every size a thumbnail is shown at, and larger files add nothing visible. Use JPEG for photographic images and PNG if the image has flat colour and sharp text. Match the aspect ratio of the video so the player does not letterbox it.

Should every thumbnail on my channel look the same?

Keep a consistent style, not a consistent image. A shared font, colour treatment and crop help viewers recognise your videos elsewhere. But if consecutive thumbnails are nearly identical, a viewer scanning the channel grid cannot tell the videos apart and may assume they have already watched. Vary the subject or dominant colour between neighbours.

Can I change a thumbnail after publishing?

Yes. Replacing the thumbnail in the studio updates the watch page and channel grid. Shared-link previews on other sites may cache the old image for a while, and search engines will pick up the new one on their next crawl. Note the change date so that any before-and-after view comparison is honest.

Are generated thumbnails good enough?

For talking-head videos with a plain background, frequently yes; a clear frame of you mid-sentence is a fair summary. Sometimes the point of the video is a result, an object or a comparison. A random frame rarely shows it, so a custom image built from a real still will do better. Judge each of the three candidates at small size before deciding.

Sources

thumbnailsclick-throughcompositioncreator craft

Related guides