Free · No upload · No signup

Thumbnail tester & previewer

See your thumbnail and title at the sizes viewers actually see — desktop feed, phone, search and the tiny suggested column — in dark and light mode. Compare two versions side by side before you commit.

🖼️ Drop thumbnail A or click · or paste with ⌘/Ctrl+V
🅱️ Drop thumbnail B optional — to compare two versions

🔒 Images stay in your browser — nothing is uploaded.

Independent mock-up of the layouts at their real pixel sizes. Not affiliated with or endorsed by YouTube.

What it catches

🔍

Text that dies at small sizes

Your design is judged at 168 pixels wide in the suggested column, not at 1280 on your monitor. The small previews show what survives that reduction.

✂️

Titles cut mid-sentence

Feeds clamp titles to two lines. The exact cut is measured here per placement, so you find out before the video is live that your hook was the part that got dropped.

🌗

Edges that vanish in dark mode

A dark border disappears against a dark feed and floats as a hard rectangle in light mode. Toggling both modes takes two seconds and catches it every time.

The size a thumbnail is really seen at

Thumbnails are designed at 1280×720 on a big monitor and consumed at a fraction of that. The numbers are worth internalising, because they explain nearly every thumbnail that underperforms:

PlacementRendered widthShare of the design sizeWhat survives
Desktop home feed~360 px28%Three or four heavy words, one clear subject
Mobile feed~320 px25%Same, with less patience from the viewer
Search results~360 px28%As above, competing with a description snippet
Suggested / up next~168 px13%Shape, colour and one word at most
Phone at arm's length~120 px effective9%Colour and silhouette only

At 13% scale, text set at 60 pixels on the original renders about eight pixels tall. That is the arithmetic behind every piece of thumbnail advice you have heard — big text, high contrast, one subject — and it is why judging your own work at full size is misleading.

Titles, and the clamp nobody accounts for

The title field accepts 100 characters, and this is the number most people design around. It is the wrong number. Feeds clamp the title to two lines, and how much fits in two lines depends on the placement width and on the letters themselves — a title in wide capitals runs out of room considerably sooner than the same character count in lowercase.

So there is no reliable character limit to write to. What there is instead is a simple discipline: put the words that carry the meaning in the first forty characters or so, and treat everything after that as a bonus that some viewers will see. Front-loading also serves search, since the earliest words carry the most weight, and it serves someone skimming a feed, who reads the first few words of a title and nothing else.

This tool measures the actual clamp rather than counting characters: each preview flags whether the title overflows the two lines it is given in that specific placement. If the flag appears on the sidebar preview but not the desktop one, that is normal and usually acceptable — if it appears on the desktop feed, rewrite.

Thumbnail and title are one unit, not two

The single most common mistake in a thumbnail is repeating the title inside the image. The two are always seen together, so a thumbnail that says the same thing as the title has spent its entire surface area on information the viewer already has.

The pattern that works is a split: the title states the subject, the thumbnail supplies the tension the title is missing — a result, a face reacting, a before and after, a number, a contradiction. Read the pair aloud as one sentence. If it is redundant, change the image text rather than the title, because the title has search work to do as well.

A few checks that need no data to apply:

  • One subject. At 168 pixels there is room for exactly one thing. Two competing subjects read as noise.
  • Three to five words maximum in the image, in a heavy weight, at roughly a third of the frame's height.
  • Contrast against the feed, not just within the image. A dark, moody thumbnail in a dark-mode feed disappears; a white background in light mode does the same.
  • Faces at scale. If a face is in it, make it large enough to read the expression at 168 pixels — an expression is unreadable below roughly a quarter of the frame.
  • Keep the bottom-right corner clear. The duration badge sits there and will cover whatever you put underneath it.

Comparing two versions honestly

Side-by-side comparison is the fastest way to make a decision, and it comes with a bias worth knowing about: the left-hand option tends to get the benefit of the doubt. Swap them and check that your preference survives the swap — the swap button exists for exactly this.

Two more habits improve the judgement. Look at the small previews first, because a version that wins at full size but loses at 168 pixels loses in practice. And ask which one you would click if it appeared between two videos you already wanted to watch, rather than which one is better designed — the feed is a competition, not a gallery.

This is a design check, not a click-through rate test. Real A/B testing needs live impressions and the platform's own tools; what happens here is simply making sure the version you upload is the one that still reads at the size it will be seen at, and that its title survives the clamp. That takes thirty seconds per video and catches the errors that cannot be fixed after publishing without losing the early impressions that matter most.

The technical checks, so a re-upload is not needed

Three constraints are hard rules rather than opinions, and all three are checked automatically when you drop an image in: the file must be under 2 MB, the recommended minimum is 1280×720, and the aspect ratio must be exactly 16:9. Anything that is not 16:9 gets cropped or letterboxed somewhere in the interface, and it is rarely cropped where you would choose.

The size rule has a second consequence people miss: a heavily compressed JPEG that squeaks under 2 MB can still show banding and artefacts on a large screen or a TV, where the same image is displayed far larger than any feed. If a re-encode is needed, compress deliberately rather than exporting at the lowest quality that fits.

Thumbnail tester FAQ

What size should a YouTube thumbnail be?

1280×720 pixels, 16:9, and under 2 MB. Larger is fine as long as the ratio is exactly 16:9 and the file stays under the limit — 1920×1080 is a common choice. Anything that is not 16:9 gets cropped or letterboxed somewhere in the interface, and anything under 1280 wide is upscaled and looks soft on desktop and TV.

How long can a YouTube title be?

The field accepts 100 characters, but that is not the number that matters. In a feed the title is clamped to two lines, and how much fits depends on the placement and on the actual letters — a title full of wide capitals truncates sooner than the same character count in lowercase. This tool shows the clamp happening in each placement instead of applying a character rule.

Why does my thumbnail look fine to me and bad in the feed?

Because you are looking at it at full size while a viewer sees it at 360, 320 or 168 pixels wide. Text that is comfortable at 1280 wide becomes an illegible smudge at 168, and low-contrast detail disappears entirely. The suggested-column and legibility previews here are the ones worth judging by.

How many words should be on a thumbnail?

Three to five, in a heavy weight, occupying roughly a third of the frame. The reason is arithmetic rather than taste: at 168 pixels wide, a word set at 60 pixels on a 1280-wide image renders about 8 pixels tall. Text on a thumbnail should repeat nothing already in the title — it should add the missing half of the idea.

Are my images uploaded anywhere?

No. The images stay in your browser as local object URLs and are never sent to a server, so unpublished thumbnails for unannounced videos are safe to test here. Your channel name and display settings are remembered in this browser only.

Can I compare two thumbnails?

Yes. Add a second image and both versions render side by side in every placement, each with its own title, so you can judge them at the size that decides the click rather than at full size. Swap puts B in A's position, which is worth doing because the left-hand one tends to get the benefit of the doubt.

Does this show the real YouTube interface?

It is an independent mock-up of the layouts at their real pixel dimensions, not the actual site, and it is not affiliated with or endorsed by YouTube. The thumbnail sizes, title clamping and text scale match what the interface does, which is what determines whether your design works.

Should I test in dark mode or light mode?

Both, and the dark theme first — most viewing happens in dark mode. The specific trap is a thumbnail with a dark or black border: it dissolves into the background in dark mode and floats as a hard rectangle in light mode. Bright edges have the mirror-image problem.