YouTube thumbnail preview
Rendered in your browser · nothing is uploaded
Shows your thumbnail at the proportions of a listing, with the channel name and the video title under it, which is where the decision to click is made. The title is trimmed at 60 characters, well short of the 100 YouTube allows, because a listing runs out of room long before the field does.
How to use the youtube thumbnail preview
The gap between where a thumbnail is made and where it is seen is the entire problem. YouTube asks for 3840 × 2160 and a 16:9 ratio, with 640 pixels as the minimum width it will accept, and every listing then renders that file at a fraction of a phone’s width. Text sized to look confident in an editor at full resolution becomes a grey smear; a composition with four elements becomes one. Three or four large words is the working ceiling, and a single face at scale beats an arrangement of small ones. YouTube publishes no display size, so the practical test is the one this page is for: shrink the window until the thumbnail is about a fifth of it and read the text again.
The current upload specifications are not the ones most guides still quote. 1280 × 720 was the old recommendation and is now merely above the minimum; YouTube asks for 3840 × 2160 for videos and 2160 × 3840 for Shorts. The file size limit is not a single number either: it depends on where you upload from, at 2 MB for a video thumbnail on mobile against 50 MB on desktop. JPG and PNG are both accepted. Uploading a 4 MB file from a phone fails while the same file goes through from a laptop, which is a confusing failure until you know the rule.
Alongside the picture, the title. YouTube caps it at 100 characters and descriptions at 5,000, but the cap is not the constraint that matters: listings cut the title long before 100, and a phone cuts it earlier again. Sixty characters is the working figure this card uses. As with a search snippet, the cut is by rendered width rather than by character count, so wide capitals run out sooner.
Treat the thumbnail and the title as two slots rather than one message. Repeating the title inside the image is the single most common waste on the page: it spends the only piece of extra information you are given restating something already legible beside it. The pairing that works has the title carry the specific claim, the search terms and the numbers, and the thumbnail carry the emotional or visual hook the title cannot. Together they should say more than either does alone.
Two things this card cannot show. It renders one context, and YouTube has many: search results, the sidebar of suggestions, the home feed, the subscriptions grid and the mobile app all size thumbnails differently, and a design that survives the smallest of them survives everywhere. And it shows your original file, while YouTube re-encodes what you upload, so fine gradients and small text degrade further than anything here suggests. Design so the thumbnail still works when it is soft, small and beside five others.
What people use it for
- Checking whether text on a thumbnail is legible at listing size
- Seeing a thumbnail beside the title it has to work with
- Judging a face-and-text layout before uploading
- Making sure the title and the thumbnail are not saying the same thing twice
- Checking a title against the listing cut rather than against YouTube’s 100-character field
Questions
YouTube asks for 3840 × 2160 at 16:9 for videos, with a minimum width of 640 pixels. The old 1280 × 720 advice is above the minimum but well below what YouTube now recommends.
Vertical: 2160 × 3840 at 9:16, with a minimum height of 640 pixels rather than a minimum width.
Yes, and it depends on the device. YouTube gives 2 MB for a video thumbnail uploaded from mobile, 10 MB for a podcast thumbnail there, and 50 MB from desktop for video, Shorts and podcasts alike.
JPG or PNG. JPG is usually the better choice for a photographic thumbnail, PNG for flat graphics and hard-edged text.
Almost certainly the size limit, which is 2 MB on mobile against 50 MB on desktop for the same image.
Three or four large words at most. Anything more is unreadable once the image is rendered at a fraction of a phone’s width.
Shrink the browser window until the thumbnail is about a fifth of its width and read the text. If you have to lean in, it is too small, because nobody scrolling will.
YouTube allows 100 characters, but listings cut it far earlier and phones earlier still. Sixty is the working figure, and the important words belong in the first forty.
Up to 5,000 characters, of which only the first two lines show before "more". Treat those two lines the way you treat the thumbnail: the rest is for people who already clicked.
No. They are two slots and repeating one in the other wastes the only extra information you get to show. Put the claim in the title and the hook in the image.
No. This page cuts by character count while YouTube cuts by rendered width, so a title in wide capitals is trimmed sooner than the counter implies. Leave a few characters of margin.
No. Search, the suggested sidebar, the home feed and the mobile app all size it differently. Design for the smallest one and the rest take care of themselves.
No, it shows your original file. YouTube re-encodes uploads, so small text and smooth gradients degrade further than this preview suggests.
Yes, at any time, and doing so is a legitimate test. Change one thing at a time and give each version enough impressions before drawing a conclusion.
Frequently, and large. A single face at scale reads at small sizes where a group shot does not, and it gives the eye somewhere to land before the words are legible.
No. The preview is rendered in your browser and no file leaves the page.
Not as a file. Take a screenshot; the artwork itself is your own file and the frame is only here to judge it in.