TubeSum

Clickable Thumbnails Guide — Step-by-Step Guide & Transcript

How to Make Clickable YouTube Thumbnails

0h 10m video Published Jun 19, 2023 Transcribed Aug 8, 2026 N Nate Curtiss
Beginner 5 min read For: Aspiring YouTubers and content creators looking to improve their thumbnail click-through rates.
AI Trust Score 70/100
⚠️ Average / Some Fluff

"Delivers solid, actionable advice on thumbnails, though the sponsor segment and some repetition dilute the value."

AI Summary

This video provides a comprehensive guide to creating clickable YouTube thumbnails, based on interviews with professional thumbnail designers. It covers key metrics like CTR, the importance of simplicity and digestibility, effective use of text and colors, and the role of AI in modern thumbnail design.

[00:17]
CTR as a Metric

CTR (click-through rate) measures thumbnail effectiveness, but it can be misleading as YouTube promotes videos to wider audiences over time, lowering CTR even for successful thumbnails.

[01:37]
Digestibility Over Aesthetics

A thumbnail that looks nice isn't necessarily good; it must be simple and digestible. Complex thumbnails lack standout elements, especially when viewed at small sizes on mobile or sidebars.

[02:29]
The Three Element Rule

Good thumbnails often have three elements to attract clicks, but the creator personally pushes for maximum simplicity—'a thumbnail is finished when you have nothing left to add.'

[03:09]
Context with Title

Thumbnails must make sense in the context of the video's title. Concepts like before-and-after comparisons work only if they fit the video's content.

[03:35]
Contrasting Colors

Using contrasting or complementary colors draws attention, but overdoing it can lose realism. Balance is key.

[04:14]
Text Usage

Text should be used sparingly and simply to advance the thumbnail's story. Most thumbnails misuse text by adding redundant words that don't add context.

[05:07]
Thumbnail-First Approach

Some designers recommend creating the thumbnail before the video to ensure the content matches the promise, though it's a personal preference.

[07:33]
AI in Thumbnail Design

Generative AI like Midjourney and ChatGPT are useful for inspiration and creating realistic thumbnails. Photoshop's generative fill can speed up design processes significantly.

[09:07]
Learning and Networking

Photoshop is the unanimous tool of choice, but free alternatives exist. Learning via YouTube, remaking thumbnails, and networking with other designers are crucial for improvement.

Effective thumbnails prioritize simplicity, context, and visual clarity over complexity. Leveraging AI tools and continuous learning can enhance thumbnail design, but the core principle remains: keep it simple and aligned with the video's promise.

Mentioned in this Video

Tutorial Checklist

1 00:17 Understand CTR but don't rely solely on it; consider impressions and views as success indicators.
2 01:37 Simplify thumbnails to a few elements; ensure they are digestible at small sizes.
3 03:09 Ensure thumbnail concept aligns with the video title and content.
4 03:35 Use contrasting colors sparingly to maintain realism.
5 04:14 Use text only if it adds context; avoid redundant words.
6 05:07 Consider creating the thumbnail before the video to guide content.
7 07:33 Leverage AI tools like Midjourney and ChatGPT for inspiration and design.
8 09:07 Learn Photoshop or free alternatives, and network with other designers for feedback.

Study Flashcards (7)

What does CTR stand for and what does it measure?

easy Click to reveal answer

Click-through rate; it measures how often viewers click on a thumbnail after seeing it.

00:17

Why can a high CTR be misleading?

medium Click to reveal answer

Because YouTube promotes successful videos to wider audiences, lowering CTR even for good thumbnails.

00:44

What is the 'three element rule'?

medium Click to reveal answer

Good thumbnails often have three elements to attract clicks, but simplicity is key.

02:29

How should text be used in thumbnails?

medium Click to reveal answer

Sparingly and simply, to advance the story or add context, not just repeat the title.

04:14

What is the benefit of creating a thumbnail before the video?

easy Click to reveal answer

It ensures the video content matches the thumbnail's promise, reducing viewer drop-off.

05:07

Name two AI tools mentioned for thumbnail design.

easy Click to reveal answer

Midjourney and ChatGPT.

07:33

What is the unanimous tool of choice for thumbnail design?

easy Click to reveal answer

Photoshop.

09:07

💡 Key Takeaways

💡

CTR Misconception

Challenges the common belief that high CTR always means a good thumbnail, explaining how audience expansion skews the metric.

00:44
⚖️

Digestibility Principle

Emphasizes that simplicity is more important than visual appeal for clickability.

01:37
🔧

Text Usage Rule

Provides a clear guideline for when and how to use text in thumbnails, avoiding common mistakes.

04:14
📊

AI Integration

Highlights the growing role of generative AI in speeding up thumbnail creation and inspiration.

07:33

[00:02] and thumbnail designer with millions of views across my two channels and I designers on YouTube including my personal designer on this channel to put creating the most clickable thumbnails first what even makes a good thumbnail

[00:17] thumbnail is one that gets people to click videos the effectiveness of a thumbnail in this light can be roughly measured with a metric called CTR which stands for click-through rate in YouTube Studio you can find this by going into a

[00:31] video's analytics and looking for the reach category a high CTR means that a thumbnail ended up clicking on your video as a result the general consensus amongst most YouTubers is that a high CTR means that you had a good thumbnail

[00:44] however Meadow one of the designers that I interviewed disagrees with this common consensus and I agree with this this is because YouTube promotes successful videos to wider audiences as they grow for example with my editing video

[00:56] only to my audience of loyal subscribers which is a group that is almost guaranteed to be interested in my content this led to a high initial CTR on my video but as they gain more and more views it began to be shown to a

[01:09] wider audience of viewers with a lower chance but still a possibility of being CTR dropping to almost half of what it once was except it also had over a the CTR you would think the thumbnail was unsuccessful because it's relatively

[01:24] low but in this case the key indicator of success for this video was the 1.2 million impressions and over a hundred thousand views which both indicate that the thumbnail did a good job so take your video CTR with a grain of salt but

[01:37] what actually makes a good thumbnail all of the designers that I interviewed agreed that a thumbnail that just looks nice isn't necessarily a good thumbnail as clickability is also often determined by how digestible a thumbnail concept is

[01:51] to a viewer digestibility in this case just means that it's simple and not super complicated super complex thumbnails with tons of intricate details often lack elements that stand out which is important to

[02:03] stand out to get a lot of Clicks in contrast a thumbnail with only a few elements makes it easy for a viewer's eye to be drawn to one or two things on stick out compared to other videos additionally YouTube thumbnails are

[02:17] often shown at very small sizes like on a mobile phone or just on a little sidebar in these cases tiny complex details in the thumbnail are practically unnoticeable in such a small image so you're always better off simplifying

[02:29] your thumbnail as much as possible while still retaining your initial concept mentioned the three element rule which is the idea that good thumbnails are elements in order to attract more clicks but I personally just push my thumbnail

[02:43] designers and Consulting clients to simplify their thumbnails as much as arbitrary numbers basically a thumbnail nothing left to add a thumbnail is finished when you have nothing left to

[02:55] thumb mail from my voiceovers video where we started with a really busy something well simpler a good thumbnail also makes sense in the context of your video's title there are a few commonly used thumbnail Concepts that pop up all

[03:09] around YouTube like for example a before and after comparison I often see then throw them at their video like they're forcing a square peg into a round hole just because a concept works for one style of video doesn't mean it's

[03:22] this first concept that we came up with for my script writing video and compared to the one that we eventually used the first one we found didn't really make much sense in the context of video a few of the interview designers also talked

[03:35] thumbnail using contrasting colors especially ones that are complementary attention to your thumbnail and help it stick out however it's important to not go so overboard with this that your thumbnail loses its realism for example

[03:49] picture a thumbnail for my voiceovers video with a bright red microphone on a bright red microphone makes sense to the microphone probably not I've been tempted to change the colors on my

[04:01] thumbnails in the past in favor of more contrast like for example this video on circled back to the most realistic yet Heist is something that I often see used incorrectly in a lot of thumbnails most

[04:14] mentioned this as well according to my break a thumbnail another designer that I interviewed mentioned that text can be used sparingly and in a simple fashion to advance the story of a thumbnail in

[04:27] both his and my opinions a viewer should be able to look at a thumbnail and without even seeing the type in my video titled how to edit viral videos my add text to add more context to the thumbnail in our heads the thumbnail

[04:41] went from a regular editing tutorial about Premiere Pro in DaVinci Resolve to video with good editing another way instead of adding text to add that bit counter or a YouTube logo or just

[04:54] anything else in that realm but we saw text as the cleanest and most simple way to get our message across I personally see a lot of thumbnails that use text to right way to use text on the thumbnail 99 of the time as it doesn't really do

[05:07] anything to add context or Advance the story of the thumbnail when the title is in general just remember to keep everything simple with thumbnails a interviewed thought it'd be a smart idea to make a thumbnail before the video and

[05:20] not the video before the thumbnail like most people do this is because you're seconds or so of your video when you're coming up with thumbnail Concepts portrays something different than your intro viewers will likely be

[05:33] they click on your video and then they'll just leave and contrast if you come up with a thumbnail concept first it's really easy to base your edit off better however I personally don't care all that much and just find it easier to

[05:47] for my editor but it's just really all up to personal preference regardless effective you'll need to combine them with a high quality video edit.io is a browser-based video editor with tons of crazy AI tools that make editing faster

[06:01] and more accessible to content creators wanting to make said high quality edits I've partnered with them for this video because I've personally caught wind of see this as a useful investment for you guys if you're looking to make high

[06:14] course has your standard set of features and move footage on a timeline apply transitions choose backgrounds colors fonts and Graphics add subtitles pick music and stock footage and even edit a

[06:27] video from a template if you so choose however where veed really shines is in creating videos really fast and easy for beginners and professionals alike want retention boosting subtitles in your video it only takes a few clicks and

[06:40] don't want to re-record just use veed's audio enhancement tools to instantly fix your voiceover want to remove the background of a video once again it's stream conduct an online interview collaborate on a video live with another

[06:53] person automatically remove silence get rid of a video's Watermark finds stock videos music and sounds generate a voiceover with AI download a video from twitch or do literally anything that you can do with a full set of video creation

[07:06] tools costing you a ton of money except this time it's just all contained within subscription that's way more affordable than something like the Adobe Creative you covered obviously because they're sponsoring me I'm getting paid to say

[07:20] I've been really impressed with some of the things this tool can do and I've even recommended it to a few creators so if you're interested sign up with my free today and if you end up buying one of their paid plans through my link I'll

[07:33] even take a significant cut so go do that in the same realm as video editing tools AI tools have become very popular in recent months some of the designers generative AI like mid-journey saying that they personally take advantage of

[07:46] realistic thumbnails or just as a way to get inspired here's an example of one of these designers generating an image to transform into a thumbnail for my video about voiceovers I did didn't end up using it for my voiceovers video but it

[07:59] there's a ton of potential for generative AI to be useful when making thumbnails however AI is not just limited to generating images for thumbnails chat jbt and other AI chat Bots are great for Gathering inspiration

[08:12] when you're designing a thumbnail simply open one up and ask what are some whatever sometimes I find this useful when designing thumbnails for freelance clients but personally don't rely on it super heavily because AI isn't quite to

[08:25] good as humans yet one of the designers that I interviewed also noted that AI is not only useful in the process of coming up with thumbnail Concepts but also when mainstream graphic design programs have integrated AI in some form or fashion to

[08:40] easier for example photoshop's generative fill which is just so impressive designs that once took hours to think of and create can now be generated in seconds meaning if you can learn to harness the power that comes

[08:52] with using AI for your thumbnails then you'll be honestly Unstoppable the unanimous agreement that photoshop is the best tool to make your thumbnails I really expensive if you don't already pay for Adobe so I've linked a bunch of

[09:07] free and low-cost Alternatives in my Discord server which you like below once thumbnails all four designers agree that it's important to get a basic you start YouTube is a great resource for just about anything and if you're

[09:20] using Photoshop Adobe has a wonderful YouTube channel with so many helpful things the same is applicable to just about any mainstream piece of software and likewise all of the free and low-cost alternatives to photoshop to

[09:32] makes perfect obviously but it also might help you to try and remake choice getting feedback from other designers is also crucial to improve to meet other YouTubers and thumbnail designers a few of the designers that I

[09:46] key I'm always networking with people and it's made a lot easier due to the not have this exposure quite yet and that's fine because there are tons of ways to Network that I talk about in this video on my channel so pop it open

[10:00] what if you want to be like me and hire people to make your thumbnails out of all the designers that I interviewed about 80 I found via Twitter and the connection with another YouTuber or design so this means that you should set

[10:14] interact with people in the YouTube space to make connections and find want to hire any of the designers mentioned in this video then you can check the description for their contact info then once you've done that or

[10:27] probably want a high quality video script to go along with it which I talk script to go along with it which I talk about in this video so give it a watch

More from Nate Curtiss

View all

⚡ Saved you 0h 10m reading this? Transcribe any YouTube video for free — no signup needed.