Skip to main content
Tools Star Hub

Image Tools

How to Make a YouTube Thumbnail That Matches Your Banner

By Tools Star Hub Editorial Team · Published

Quick answer: a YouTube video thumbnail should be 16:9, at least 640 pixels wide, and a JPG or PNG. YouTube’s help page recommends uploading as large as possible, up to 3840 × 2160, with a file limit of 50MB on desktop and 2MB from mobile. Because a YouTube banner is also 16:9 at 2560 × 1440, you can design a matching thumbnail in YouTube Banner Maker using the same template colours and fonts, export it, and resize it with the Image Resizer if you need a smaller file such as 1280 × 720.

Viewers often see your thumbnails before they ever visit your channel page. When thumbnails share the colours, typeface and logo of your banner, the channel looks consistent and people learn to recognise your videos in a crowded feed. Reusing one canvas size for both saves time and keeps the brand exact.

What are YouTube’s thumbnail size and file rules?

YouTube Help says custom thumbnails should be as large as possible because they are also used as the preview in the embedded player. It recommends 3840 × 2160 pixels for videos and 2160 × 3840 for Shorts, with a minimum width of 640 pixels for videos, uploaded as JPG or PNG. For videos it asks for a 16:9 ratio, for Shorts 9:16 and for podcast playlists 1:1.

File limits depend on the device: 2MB for video thumbnails uploaded from mobile, and 50MB on desktop for video, Shorts and podcast thumbnails. Custom thumbnails require a verified account, and Shorts thumbnails can only be added in YouTube Studio on a computer.

YouTube thumbnail rules from YouTube Help
ItemVideosShorts
Aspect ratio16:99:16
Recommended size3840 × 21602160 × 3840
Minimum640 pixels wide640 pixels tall
FormatsJPG or PNGJPG or PNG
File limit2MB mobile, 50MB desktop50MB desktop
YouTube Thumbnail Size and Matching Your Banner — Tools Star Hub

Why can a banner canvas be used for a thumbnail?

2560 × 1440 and 1280 × 720 are both exactly 16:9: 2560 ÷ 1440 = 1.777… and so is 1280 ÷ 720. YouTube Banner Maker always exports at 2560 × 1440, so a design made on its canvas is already the right shape for a video thumbnail and is well above the 640-pixel minimum.

The difference is where the important content goes. A banner must keep text inside the narrow 1546 × 423 safe area because phones crop it. A thumbnail is shown whole, so you can use the full canvas: turn off the safe-area guide or ignore it, and make text much larger, filling roughly a third to a half of the height.

How do I make a matching thumbnail in the banner maker?

Open the template you used for your banner so the background, colours and fonts are identical. Move the channel name out of the way or delete it, add one short headline of three to five words, and drag it large across the canvas. Add a photo layer for your face or the subject of the video; uploaded images stay in your browser and must be under 15MB.

Use the same logo layer in the same corner on every thumbnail. Undo and redo (Ctrl/⌘+Z and Ctrl/⌘+Shift+Z), Duplicate (Ctrl/⌘+D) and arrow-key nudging make it quick to build several variants. When you are happy, download as PNG or JPG. The banner maker keeps exports under 6MB and switches to JPG if a PNG would be too large.

Do I need to resize the thumbnail before uploading?

From a computer, usually not: a 2560 × 1440 export under 6MB is well inside the 50MB desktop limit. From a phone, the limit is 2MB, so a large PNG may be refused.

To get under 2MB, open the export in the Image Resizer, keep the ratio locked and set 1280 wide for 1280 × 720, a long-standing common thumbnail size that stays above the minimum. Save as JPG. If it is still too large, lower quality in the Image Compressor and watch the size.

What makes a thumbnail readable at small sizes?

Thumbnails are often shown only a few centimetres wide. Use few words, heavy weights, strong contrast between text and background and one clear focal point. Check your design by zooming the banner maker out until the canvas is about the size of a phone thumbnail. If you cannot read it, neither can viewers.

Avoid putting key text in the bottom-right corner, where YouTube overlays the video length on many layouts.

How do I build a simple thumbnail style system?

Decide a few fixed rules and repeat them. Pick one or two brand colours from your banner, one headline font weight, a fixed logo corner and a consistent position for the subject, such as a face on the left third and text on the right. Keeping these the same lets viewers spot your videos at a glance, and it makes every new thumbnail faster to produce.

Vary one thing per video: the headline and the photo. If you run several series, give each series an accent colour while keeping the rest of the system the same. The banner maker’s templates, duplicate shortcut and undo history make this quick, because you can copy a finished design and change only the parts that differ.

Save your final exports with clear names, such as the video title and date, so you can reuse layouts later. The banner maker does not store designs on a server, so the exported file is your record.

How can I compare two thumbnail ideas?

Make two versions that differ in one way only, such as the headline or the photo, and look at both side by side at small size next to other thumbnails in your niche. The one you recognise faster is usually the clearer design. YouTube Studio also shows impressions and click-through rate for each video, which gives real data over time; change one element at a time so you know what made the difference.

How do I create a matching thumbnail step by step?

  1. Open your banner template. Start from the same template or saved colours you used for your channel banner.
  2. Use the whole canvas. Ignore the safe-area guide and place a large headline and a subject photo across the 16:9 frame.
  3. Keep brand elements fixed. Put the logo in the same corner and use the same fonts on every thumbnail.
  4. Export. Download as PNG or JPG at 2560 × 1440.
  5. Resize for mobile uploads. If uploading from a phone, resize to 1280 × 720 JPG so the file stays under 2MB, then upload in YouTube Studio.

Example

Desktop upload

Export a 2560 × 1440 PNG of about 3MB. It is 16:9, above 640 wide and under 50MB, so it can be uploaded as it is.

Mobile upload

The same PNG is over 2MB. Resize to 1280 × 720 JPG; a design with flat colours and text is typically well under 2MB, and the compressor shows the exact size.

A series look

Duplicate the headline layer for episode numbers, keep the background and logo unchanged, and export each episode so the series is instantly recognisable.

What should I keep in mind?

Verification

YouTube allows custom thumbnails only on verified accounts.

Community Guidelines

YouTube can reject thumbnails and issue strikes for content that breaks its guidelines.

Vertical videos

YouTube Help notes that vertical videos with 16:9 custom thumbnails may show an auto-generated 4:5 thumbnail on some pages.

FAQ

What size should a YouTube thumbnail be?
16:9 and as large as possible. YouTube recommends 3840 × 2160 and requires at least 640 pixels wide.
Is 1280 × 720 still a good thumbnail size?
Yes. It is 16:9 and above the 640-pixel minimum, and it is small enough to stay under the 2MB mobile limit as a JPG.
What file formats can a YouTube thumbnail use?
YouTube Help lists image formats such as JPG and PNG.
What is the thumbnail file size limit?
2MB for video thumbnails uploaded from mobile and 50MB from desktop.
Can I export a thumbnail directly from the banner maker?
Yes. Its 2560 × 1440 canvas is 16:9, so the PNG or JPG export already fits a video thumbnail.
Should I keep thumbnail text inside the banner safe area?
No. The safe area is for banners. Thumbnails are shown whole, so use the full canvas with large text.
Why can’t I upload a custom thumbnail?
Custom thumbnails require a verified YouTube account, and limits can depend on channel history.
What size is a Shorts thumbnail?
YouTube recommends 9:16, such as 2160 × 3840, at least 640 pixels tall, added in YouTube Studio on a computer.
How do I make my thumbnail match my channel art?
Reuse the same template, colours, fonts and logo position as your banner.
Are my images uploaded when I design a thumbnail?
No. YouTube Banner Maker runs in your browser and images you add are not uploaded.
Should faces be larger on thumbnails than on banners?
Yes—thumbnails shrink in the browse grid, so faces and words need more scale than channel art.
How do I reuse banner brand colors in the thumbnail?
Sample the same hex palette so the upload feels like one identity across art and episodes.
Can end-screen templates clash with thumbnail style?
Keep fonts and color blocking consistent so cards and thumbs feel related without copying layout.
How many words belong on a thumbnail?
Three to five strong words usually beat a full sentence at small sizes.
Should every episode use the identical layout frame?
A repeating frame builds recognition; swap the episode-specific photo or number each time.
Do YouTube A/B tests need matching banner colors?
Tests compare thumbs; still keep brand hues close so winners do not look off-brand on the channel page.
What export color space should I use?
sRGB JPG or PNG is the practical choice for YouTube uploads.
How do I avoid safe-area conflicts with timestamps?
Keep critical art out of the bottom-right where duration badges sit.
Can I match Shorts covers to long-form thumbs?
Use the same fonts and colors, but compose vertically for Shorts’ taller preview.
Should the banner include the video title too?
No—banners stay evergreen; put episode titles on thumbnails only.

Design a matching 16:9 thumbnail and banner with the free YouTube Banner Maker.

Make a 1280 × 720 copy with the Image Resizer.

Get under 2MB with the Image Compressor.

Plan your banner in How to Make a YouTube Banner.

Sources and further reading