You’ve put a ton of effort into planning, filming, and editing your video, and you’re confident it’s great content that viewers will love. But what if they never get a chance to see it?

Your video thumbnail is the gateway to your content. Like a movie poster, it should convey everything a potential viewer needs to know to compel them to watch.

Sure, your video platform will generate an automatic thumbnail for you. But would you go to see a movie if the poster was just a random (and possibly blurry) frame from the film?

Perhaps it’s no surprise that 90% of the top-performing videos on YouTube use a custom thumbnail. As viewers scroll through search results and recommended videos, your thumbnail needs to grab their attention and inspire them to press play.

Contents1.What is a Video Thumbnail?2.How to Make Thumbnails for Video2.1Canva YouTube Thumbnail Editor2.2Adobe Spark YouTube Thumbnail Generator2.3How to Change the Thumbnail on a YouTube Video2.4How to Change the Thumbnail on a Facebook Video2.5How to Add a Custom Thumbnail on Vidyard3.Video Thumbnail Best Practices3.1 Declutter3.2 Focus on Faces and Emotions3.3 Manage Color and Contrast3.4 Try Animation3.5 Include Your Branding3.6 Don’t Use a Clickbait Thumbnail (But Do Use Drama When Appropriate)3.7 Use High Resolution4.How to A/B Test Video Thumbnails4.1How to Split Test Video Thumbnail Images in Vidyard
What is a Video Thumbnail?

A video thumbnail is a single image that represents your video in search results, social media previews, and website embeds. The thumbnail’s job is to tell viewers at a glance what your video is about and why they should watch.

Get More Views on Your Videos
Choose the perfect thumbnail every time.

Sign Up Free

How to Make Thumbnails for Video

There are plenty of free online tools that make it easy to create a custom thumbnail for your videos. Here are a couple of our favorite YouTube thumbnail maker tools. Of course, you can also use these tools to create video thumbnail images for other platforms.

Canva YouTube Thumbnail Editor

With a library of hundreds of different designs and YouTube thumbnail template options, Canva makes it easy to create a great-looking thumbnail with just a few clicks.

Choose a template
Add banners, icons, and other graphic elements, or upload your own image
Choose your fonts and add your text
Choose your colors
Download your YouTube thumbnail and upload it to the video platform of your choice

screenshot showing Canva YouTube thumbnail templates

Adobe Spark YouTube Thumbnail Generator

Adobe Spark guides you through the process of making a custom thumbnail for YouTube or Facebook. The templates are grouped by theme, which helps you find the right look for your project.

Choose whether you want to create a thumbnail for Facebook or YouTube
Upload a photo or choose from the free stock imagery
Edit the text and change fonts and colors
Download your thumbnail and upload it to the video platform of your choice

screenshot showing examples of Adobe Spark YouTube thumbnails

Now that you know how to make video thumbnail images, here’s how to add them to your videos.

How to Change the Thumbnail on a YouTube Video

The recommended YouTube thumbnail dimensions are 1280 x 720 pixels. To add one:

On a new video: From the upload video screen, scroll down to Thumbnail and click Upload Thumbnail
For an existing video: Select the video from your channel, click the blue Edit Video button, scroll down to Thumbnail and click Upload Thumbnail

How to Change the Thumbnail on a Facebook Video

The recommended Facebook video thumbnail size is 1200 x 628 pixels. To add one:

On a new video: From the Add Video screen, click Thumbnail in the right column, then scroll down to custom image and click Add Image
For an existing video: Select the video on your page and click the three dots icon at the bottom right, then click Edit Video

How to Add a Custom Thumbnail on Vidyard

Upload the highest resolution image possible for your thumbnail and Vidyard will automatically resize it to fit the player.

From the Vidyard dashboard, click Content, then Players
Hover the cursor over a player and click Thumbnail
Click + Upload New

Video Thumbnail Options in Vidyard Free

The free version of Vidyard offers four options for setting your thumbnail. Simply click on your desired option on the edit page to set your thumbnail.

Static Thumbnail—Vidyard will automatically set a still image from your video as the video thumbnail
Animated Thumbnail—Vidyard will automatically generate an animated GIF of a clip from your video to use as the video thumbnail
Custom Thumbnail: Upload—Choose an image from your computer to set as the thumbnail (Vidyard will automatically resize it to fit your player)
Custom Thumbnail: Take a Picture—Launch the Vidyard Chrome extension to take a photo using your webcam to set as your thumbnail (Note: This tends to work best for webcam videos as this helps ensure the thumbnail is consistent with your video content)
Select From Video—Select either a single static point in the video as a thumbnail or choose a short clip to use as an animated GIF

Put your videos to work with Vidyard, the platform that lets you create, host, manage, and share your videos—and set the best thumbnails possible. Sign up for free.

Video Thumbnail Best Practices
1. Declutter

Use an image that’s simple, clear, and easy to see and understand. Use the rule of thirds to arrange your content effectively. The quickest way to understand the rule of thirds is to turn on the gridlines on your phone camera. Try to place the important content along the lines, or where the lines meet.

Here’s a good example of the rule of thirds in action from Binging with Babish.

Try using only one or two faces or subjects. Zoom in so you can see facial expressions or the fine details of the product. If you add text to your thumbnail, stick to a few words that are easy to scan, with a font that’s easy to read on screen.

2. Focus on Faces and Emotions

Facial expressions give a preview of the emotions your video will evoke. If you can hint that the content of the video is shocking or will change the viewer’s current perspective in some drastic way, this is a bonus. But only if it’s really true! (See No. 6.)

Kid vloggers Vlad and Nikita (and their mom, natch) make great use of facial expressions to create interest in their videos.

To ensure you have great facial images for your thumbnail, take some still photos during filming. This way you avoid that weird “you caught me while I was talking” face in your thumbnail while still having imagery that’s consistent with the look and feel of your video.

3. Manage Color and Contrast

A dark image is hard to see, and unlikely to catch the eye. Use bright and contrasting colors to make your thumbnail pop.

If your video doesn’t have bright backgrounds or subjects, you can change the background color of the thumbnail using image editing tools like those mentioned earlier in this post. Take a look at how Yoga with Adriene uses light colors and white banners to create a consistent look and feel for her videos that allows the text to pop.

video thumbnail examples highlighting the power of color and contrast

For a quick test, try looking at your thumbnail while squinting. Can you still tell what it’s about?

4. Try Animation

An animated GIF is a great, eye-catching way to dress up your video, and even show a hint of the action that your video offers. You can use an animated thumbnail with a video marketing platform like Vidyard.

Inbound marketing agency IMPACT used a GIF thumbnail in their Elite Update email newsletter to capture readers’ attention.

This unique type of thumbnail stands out from the crowd. It can be especially powerful when used in your email marketing.

5. Include Your Branding

Add an icon or image that makes it clear the video belongs to your organization to help build trust with your viewers. The History Channel includes its logo on all video thumbnails, making it easy to spot at a glance that the content is from a credible source.

video thumbnail examples from the History Channel featuring their branding

Consistent watermarks and branding are also a quick and easy way to identify a number of videos as a series. If you’re creating a video series, create a thumbnail template and use it to tie your videos together visually while saving yourself some time.

6. Don’t Use a Clickbait Thumbnail (But Do Use Drama When Appropriate)

Your thumbnail must relate to the content of your video. Fooling viewers into watching the first few seconds of your video is pointless, and can even be harmful. If people often leave your video right after clicking, your video will become less discoverable.

That said, if there’s something truly dramatic or shocking in your video, don’t be afraid to call it out. Use your thumbnail in combination with your title to create excitement, then make sure you fully deliver on your thumbnail’s promise.

This video from College Humor delivers on the thumbnail’s shocking premise: Everyone Should Eat Bugs (And You Already Do).

7. Use High Resolution

Yes, thumbnails are usually small. But your thumbnail appears full size if your video is embedded on a website, which could be viewed on a large monitor, or even a TV.

Don’t lose out on views because your thumbnail looks blurry or pixelated at a larger size.

How to A/B Test Video Thumbnails

Now that you know how important your video thumbnail is, you might be wondering how you can be sure you use the best one. The answer is to test a couple of different video thumbnails to discover what your audience is most attracted to. Sometimes the results can be surprising.

With a video marketing platform like Vidyard, you can test up to four video thumbnails to receive statistically significant data for which performs better with your audience.

Each viewer sees a random thumbnail when your page loads, so you can learn which one gets more clicks. Once you know which one performs best, you can set it as the final thumbnail for your video.

How to Split Test Video Thumbnail Images in Vidyard

From the Vidyard dashboard, click Content, then Players
Hover the cursor over a player and click Thumbnail
Select either two or four thumbnails that you want to test (make sure they align with the best practices mentioned above!)
Click Save Changes to start your test
To review your results, repeat steps 1 and 2 to access the Thumbnails tab
Once a significant enough data set is available, click Set as Thumbnail to set the test’s winner as your video thumbnail

a screenshot shows how to select thumbnails to A/B test (or split test) in Vidyard

For a more detailed walk through, check out our step-by-step instructions for setting up your test thumbnail options.

Get More Views on Your Videos
Choose the perfect thumbnail every time.

Sign Up Free

The post Video Thumbnail Guide: How to Inspire Clicks appeared first on Vidyard.

Read more: