BEATRENDER

GUIDE

How to make a type beat thumbnail that gets clicks

18 MIN READ

A thumbnail is the only part of a type beat the viewer sees before deciding — and they decide in under a second, on a four-inch screen, in a column of twenty competing tiles. It does not have to be beautiful; it has to be read. Here is how to design it for the size it is actually shown at, what you can write on it, what the artist photo costs, and how to know, with numbers, whether it is doing its job.

CONTENTS

THE ESSENTIALS

  • A thumbnail is not designed for your screen: it is designed for the suggested-video tile on a phone. The only test that counts happens at that size.
  • Three elements, never four: the reference artist’s name, huge; one confirming line; your tag. Anything you add takes legibility away from the other three.
  • The thumbnail does not repeat the title, it completes it: the title carries the words people type, the thumbnail carries what they do not — the mood, the reference, your signature.
  • The artist photo is the most effective lever in the format, and the only one whose rights belong to someone else. You know that before choosing, not after the claim.
  • Click-through rate lives in YouTube Studio, is compared with your own videos on the same surface, and never with an average found on the internet.

01What a thumbnail does, and where it shows up

A thumbnail has two jobs, and the second is the one people forget. The first is to earn the click on an impression: YouTube shows the video to someone, and that person clicks or scrolls past. The second is to say “it’s him again” to someone who has already listened to you, before they even read the channel name — that is what turns a suggestion into a click. Both jobs happen on the same pixels, but not at the same size: the first is won in a phone feed, the second in the suggested column, where the tile is the width of a thumb.

Phone feedARTISTtype beatprod.Search resultARTISTtype beatprod.SuggestedARTISTtype beatprod.lengthduration badge, drawn by YouTubeprogress bar, on a video already watchedthree sizes, one file: the smallest one decides
The same file is shown at three sizes, and YouTube draws its own elements on top: the smallest tile decides what you can write, and the bottom-right corner is not yours.

What YouTube draws on top

You do not control the whole surface. YouTube places a duration badge in the bottom-right corner, a progress bar along the bottom edge on videos already started, and on desktop replaces the thumbnail with an animated preview after a short hover. Anything you put in the bottom-right corner will be covered; anything running along the bottom edge will be crossed out. The name and the tag therefore live at the top and on the left, or in the centre — never in the corner the platform has reserved for itself.

Where it does nothing at all

In the Shorts feed and on TikTok, the video starts by itself: nobody sees a thumbnail, and the “cover” you pick only appears on your profile grid. There it helps people browse, not decide. The same goes for the square artwork on a beat store, which accompanies a listen that has already been decided. Everything that follows is therefore about long-form YouTube, the one place where a still image still competes for a click.

02Design for three hundred pixels, not for your screen

The mistake that explains almost every other one is designing the thumbnail at the size you draw it. On a desktop monitor, a 1280-pixel-wide file invites detail, a sentence, a subtle gradient, a second face. On a phone, the same image is the width of the screen — three to four hundred real pixels; in a suggested column, fewer than two hundred. That is where the click is decided — and at those sizes, the sentence has become a grey smudge.

The shrink test

The test is one step: export the thumbnail, view it at a quarter of its size, and step back a metre. If you have to squint to read the name, it failed, and no colour tweak will save it. Do it before finalising, not after publishing — and do it on the phone rather than the computer, because that is where most impressions happen.

Three elements, not four

A type beat thumbnail holds three elements, in a hierarchy that is not up for debate. The reference artist’s name takes a third of the height: it is the reason for the click, since the person is looking for “that sound”. A second line, half as tall, confirms: the beat title, or simply “type beat”. Your tag, small and always in the same place, signs. A fourth element — the BPM, the key, a “free” mention, a second reference — is possible, provided you pick only one and take its room from the second line, never from the name.

ElementRelative sizeWhat it does
Reference artist’s nameA third of the height, the heaviest weightThe reason for the click. It has to be readable in a suggested column.
Second line (title or “type beat”)Half the nameThe confirmation: this is what you were looking for.
Your tagSmall, always in the same spotThe signature. It is not read the first time, it is recognised the tenth.
Optional argument (BPM, “free”, key)Never larger than the second lineOne at a time, and only if it is also in the title.
Sizes are relative because the thumbnail is shown at several scales: what matters is the ratio between elements, not their absolute size in the file.

03The text: what to write, and how

The title is displayed next to the thumbnail, always. Repeating word for word what the title already says — “[Artist] type beat 2026 ‘Name’” — wastes the one surface where you could show something else. The thumbnail says what the title cannot: the mood through the image, the reference through the name in large type, your identity through the tag and the treatment. The title carries the words people type — that is the subject of the title template guide, and it has no business being here in full.

The fonts that survive

At two hundred pixels wide, only heavy, simple typefaces stay readable: a bold or black grotesque, condensed if the name is long. Anything thin, anything with delicate serifs, anything imitating handwriting vanishes when shrunk — and the “stylish” font chosen to match the artist’s world is almost always the one that can no longer be read. The rule is simple: personality comes from the image and the colour; the font is only there to be read.

Capitals, outlines and shadows

Capitals read better small for a word or two, and worse beyond that: they suit the name, not a sentence. Contrast between text and background is not set by the text colour but by what sits behind it: a darkened area under the text, a thin outline or a dense drop shadow hold at every size, whereas white text placed straight onto a bright photo is lost at the first highlight. And text slightly larger than what you find elegant is almost always the text that gets read.

04The background: readable first, beautiful second

The background image has one obligation: to leave a quiet area where the name can sit. A busy shot, a face filling the frame, a repeating pattern everywhere, and the text will have to fight the image instead of resting on it. Look for images with a dark or flat mass across a third of the frame — that is where the name goes — and if the image you love has none, make one with a gradient that darkens that third. The beauty of the image is only seen after the click; the legibility of the name, before.

Dark mode

A considerable share of viewers use YouTube in dark mode, where the interface is almost black. A dark thumbnail with dark edges melts into it, and the tile loses its silhouette: you no longer see a rectangle, just a smear. Check the thumbnail on both themes, and give it something to stand out with — a bright element, a flat block of colour, or simply an edge slightly lighter than the interface’s black. It is one more reason not to pile black on black because “it feels dark”.

One colour per catalogue

An accent colour — the tag’s, a stroke’s, a block behind the name — repeated across every thumbnail becomes a signature within weeks, without anyone consciously deciding it. Choose it once and stop changing it. Avoid bright red on its own: it is the colour of YouTube’s interface, of the progress bar and of every badge, and a red thumbnail blends into the scenery instead of standing out from it.

05The artist photo: the lever, and its price

The most effective type beat thumbnail shows the reference artist: the viewer recognises a face before reading a name, and the promise — “it sounds like him” — is made at a glance. It is also the only component of the thumbnail whose rights belong to someone else, and to two different people: the photographer, who holds the copyright on the picture, and the artist, who holds the rights to their own likeness. The name, by contrast, is descriptive — you are saying who the beat sounds like, which is the very use of the phrase “type beat”. The photo is not.

What you actually risk

In practice the usage is massive and claims are rare — but they exist, and they come mostly from press photo agencies, which search for their images automatically. The consequence ranges from the thumbnail being removed to a claim on the video, and a catalogue that uses the same photo on forty videos carries the problem forty times. As with the animated background, covered in the video guide, the decision is made once, when choosing, and not when the claim arrives.

The alternatives that keep the effect

  • The name alone, huge, on a background that carries the mood: the most common option among established channels, precisely because it depends on nothing.
  • An image you own or have licensed — stock library, photo shoot, footage you filmed — chosen for the artist’s world rather than to look like them.
  • An illustration or a generated image that evokes the world without reproducing the features: it settles the photographer question, not the likeness one, and that is something to check in the generator’s terms.
  • A silhouette or a detail — a posture, an accessory, a colour palette tied to an album — that speaks to those who know, without showing the face.

06The template: build once, reuse a hundred times

A good thumbnail is not rebuilt from scratch for every release, for two reasons. The first is time: composing a readable image takes half an hour from a blank page and five minutes from a template. The second is recognition, covered in the YouTube channel guide: on a channel page or in a suggested column, ten thumbnails sit side by side, and it is their resemblance that says “same person” — not the quality of each one taken alone.

NAME Atype beatprod.NAME Btype beatprod.NAME Ctype beatprod.NAME Dtype beatprod.NAME Etype beatprod.NAME Ftype beatprod.never moves: the font, where the name sits, the tag, the image treatmentchanges every release: the background and the name, nothing else
What a template produces: six releases, six backgrounds, six names — and a single grid. The viewer does not read thumbnails one by one; they first see that these belong together.
  1. 1Fix the frameA 16:9 file, and a grid: where the name goes, where the second line goes, where the tag goes, which third of the frame stays quiet. These positions will not move again.
  2. 2Separate the layersBottom to top: the background image, a darkening or gradient layer, the name, the second line, the tag. Each layer has a role, and only the first and the third change from one release to the next.
  3. 3Name the variablesThe artist name and the beat title are variables, not text typed by hand. Give them the same names as in your title and description templates — that is what later lets you generate all three from the same record.
  4. 4Test at real sizeBefore signing off the template, export three thumbnails with names of different lengths — a short name, a two-word name, a long name — and look at them at suggested-tile size. It is the long name that breaks the grid, and it is better to find out now.
  5. 5Keep the sourceThe working file, with its layers, is kept next to the exports. The day you change your tag or your font, that is the file you reopen — not forty flat images.

07The file: format, weight, and what YouTube does with it

The format is stable: a 16:9 image, 1280 pixels wide by 720 tall, as a good-quality JPEG or a PNG. The maximum accepted weight is set by YouTube and is checked at the source, since it can change. What is more often forgotten: custom thumbnails require a verified channel, which takes a minute in the settings, and without which YouTube will pick a frame from the video itself. And once uploaded, your image is no longer yours: YouTube produces several sizes of it on its own, as JPEG, and one of those is what the viewer sees.

What compression takes away

Recompression always erases the same things. Subtle gradients turn into bands; one-pixel lines disappear; small text placed on a busy area grows a halo of artefacts and goes blurry. Conversely, what survives is what was already simple: bold text on a flat block or a darkened area, an image with clean masses, little fine detail. Designing simple is therefore not only about legibility at small size — it is also what passes through encoding undamaged.

The same visual as a square and as a vertical

The same release also needs square artwork for the store and a vertical cover for short-form. Those are not three images, they are one composition and three crops, provided you planned for it: the name and the tag have to fit in the area shared by all three frames, and the background image needs material above and below the 16:9. The uploading guide covers those crops in detail; the point here is not to design the thumbnail on its own and then find out it does not recrop.

08Title and thumbnail: one message, two carriers

The viewer sees the title and the thumbnail together, and turns them into a single promise. So the two must say the same thing without repeating each other: the title carries the searched words — the artist, “type beat”, the beat title, your tag — and the thumbnail carries what cannot be typed. What to avoid is contradiction: a big “FREE” on the image when the title does not say it, a second reference on the thumbnail that is missing from the title, or a visual mood that has nothing to do with the beat. Every contradiction is a promise broken at the click, and the second after the click is when people leave.

What YouTube removes

The platform removes thumbnails that do not match the content of the video, and those showing shocking or sexual imagery — in both cases the video can be limited or penalised, not just the image. For a type beat, the concrete case is the thumbnail that pretends to be something other than an instrumental: an official album cover, a music-video still, an “official” or “exclusive” mention that commits to nothing. None of that brings lasting clicks, and all of it exposes the video.

09Measuring: the one number that speaks

YouTube Studio gives, for each video, the number of impressions and the click-through rate on those impressions. That is the thumbnail’s number — and it only reads in comparison with your own videos, on the same surface. A video pushed as a suggestion and a video found through search do not have the same click-through rate, whatever their thumbnails, and a rate that drops as views rise does not indicate a bad thumbnail: it indicates that YouTube showed it to a wider, therefore less committed, audience. An average found on the internet teaches you nothing, because it mixes all of that together.

Reading the three numbers together

ImpressionsClick-through rateWatch timeWhat it says
ManyLowThe thumbnail does not convince. This is the only case where changing it is the right answer.
ManyGoodShortThe thumbnail promises something other than what the video delivers. The problem is the promise, not the image.
ManyGoodLongEverything works. Touch nothing, and copy what this thumbnail does onto the next ones.
FewThe video is not being shown: title, tags or subject. The thumbnail has nothing to do with it, and changing it will change nothing.
The reflex of changing the thumbnail as soon as a video underperforms is wrong three times out of four: it is only at fault when the video is shown and not clicked.

Comparing two thumbnails properly

YouTube Studio offers a test tool that rotates up to three thumbnails on the same video and picks the one that keeps viewers best — on watch time, not just on the click, which is precisely the right criterion. Failing that, the manual method still holds: change the thumbnail on a video that already has impressions, note the date, and compare the click-through rate on the same surface before and after, over a period long enough for chance to fade. Changing a thumbnail resets no counter; you can therefore do it on old videos without losing anything.

10How long it takes, and what can be automated

Without a template, a careful thumbnail takes twenty to thirty minutes: finding the image, framing it, composing the text, testing small, exporting, then redoing the square and the vertical. With a template, the same release takes five minutes, most of it choosing the image. At one release a week, the gap is a day per quarter; at one a day, it is the difference between a channel that holds and a channel that stops.

What can be automated is exactly what the template does: placing the name, the second line and the tag in the right spots, applying the treatment, exporting the three crops from the same record as the title and the description — and, when the thumbnail is derived from the video, guaranteeing that the two look alike without effort. What cannot be automated is the choice of the template itself, the quality of the background image, and the small-size test: a tool quickly produces what you told it to produce, an unreadable thumbnail included, with the same regularity.

11The checklist before uploading

  • The artist’s name is readable at suggested-tile size, on a phone, without squinting.
  • Three elements at most, and a single optional argument — also present in the title.
  • Nothing in the bottom-right corner, nothing along the bottom edge.
  • The text sits on a quiet or darkened area, not straight onto a busy photo.
  • The thumbnail stands out in dark mode as well as in light mode.
  • The thumbnail completes the title and contradicts it on nothing.
  • You know who owns the background image, and you can show it.
  • The file is 16:9, 1280 pixels wide, and the layered source is kept.

12The mistakes that come back most often

  • Designing on a 27-inch monitor and discovering the thumbnail in a suggested column.
  • Writing a sentence — or the full title — where a name was enough.
  • Choosing the font for its style rather than its legibility, then enlarging it until it overflows.
  • Placing white text straight onto a bright photo, with no darkened area and no outline.
  • Putting the tag in the bottom-right corner, under the duration badge.
  • A dark thumbnail with black edges, invisible in dark mode.
  • Using a press photo found in three clicks on forty videos, then receiving forty claims.
  • Changing thumbnail style every two months, and starting recognition from zero each time.
  • Changing the thumbnail on a video that has no impressions, when the problem lies elsewhere.

READ NEXT