Mobile thumbnail preview: how your thumbnail looks on phones

Why mobile is the view that matters

YouTube has said that most of its watch time comes from mobile devices. For most channels, the majority of people who ever see your thumbnail will see it on a phone, not on the monitor you designed it on.

You design at 1280 x 720, zoomed in, with full detail. Your viewers see a much smaller version, often while scrolling quickly, sometimes in bright sunlight or with the screen dimmed. That gap is where most thumbnail problems come from.

The fix isn't to design on your phone. It's to check every thumbnail at the sizes your viewers actually see before you publish.

How big thumbnails appear on phones

Home feed: in the YouTube app's main feed, thumbnails usually stretch across the full width of the screen. On a typical phone that's around 350 to 430 points wide, so the thumbnail looks fairly large, but it sits among other full-width thumbnails and you only see it for a moment as you scroll.

Up next and suggested videos: under a playing video, many layouts show smaller thumbnails next to the title, often around a third of the screen width. This is where fine detail disappears first.

Search results: depending on the app version and screen, results may show full-width cards or smaller thumbnails beside the title. Design for the smaller case and you'll be safe in both.

Subscriptions, library, and playlists: these often use compact lists with small thumbnails, where only big shapes and very large text remain readable.

How to test your thumbnail at mobile size

On your computer: after exporting, view the image at around 320 pixels wide and again at around 160 pixels wide. Zoom your design tool out, or resize a copy. If the main subject and the key word are still clear at 160 pixels, the thumbnail will hold up in small layouts.

On your phone: send the image to yourself and view it in your photo gallery zoomed out, or upload it to an unlisted test video and look at it in the YouTube app. Scroll past it quickly, the way a viewer would, and notice what registers.

In context: take a screenshot of a YouTube search results page in your niche on your phone and place your thumbnail into it. Seeing it next to real competition shows whether it stands out or blends in.

Design rules that hold up on small screens

Keep text short and very large. Two to four words is plenty. Use a thick, simple font and make the letters bigger than feels natural at full size.

Make the subject big. A face or object should fill a large part of the frame. Small subjects shrink into shapes nobody can identify.

Use strong contrast. Subtle gradients, soft colour differences, and thin outlines turn to mush on a small screen, especially outdoors. Clear light-versus-dark contrast survives.

Remove small details. Logos, small icons, fine textures, and background clutter add nothing at phone size and make the thumbnail harder to read. If a detail isn't visible at 160 pixels, consider cutting it.

Using ThumbnailLift to check how thumbnails scale

Paste any YouTube video link into ThumbnailLift to see every size YouTube generates for it, from the full 1280 x 720 version down to 320 x 180 and 120 x 90. Looking at the smallest versions of a published thumbnail is a quick way to see what survives the shrink.

It's also useful for research: paste links to the top videos in your niche and look at their small versions. The thumbnails that stay readable at the smallest size are usually the ones doing well in the feed.

To compare two thumbnails at the same sizes, for example your video and a competitor's, use the comparison tool, which places both videos' thumbnails side by side at every size.