128K views · 2 days ago
How to test your YouTube thumbnail
- Drop your thumbnail onto the box above. Nothing uploads — the previews are rendered locally in your browser.
- Squint at the sidebar preview. At 168 pixels wide, can you still read the text and tell what the video is? That's the size most viewers actually decide at.
- Check the panel on the right. It verifies YouTube's hard requirements: under 2 MB, at least 640 px wide, ideally 1280 × 720 at 16:9.
- Toggle light and dark mode. A thumbnail with a near-black border can melt into YouTube's dark theme — and a white one into the light theme.
YouTube's thumbnail requirements
| Requirement | Value | Why it matters |
|---|---|---|
| Resolution | 1280 × 720 recommended | YouTube re-encodes from this master; smaller sources look soft everywhere |
| Minimum width | 640 px | Below this, uploads are rejected or look blurry |
| Aspect ratio | 16:9 | Anything else gets letterboxed with black bars in most placements |
| File size | 2 MB max | Hard limit — the upload fails above it |
| Formats | JPG, PNG, GIF, BMP | JPG gives the smallest files; PNG keeps flat colors and text crisp |
Designing for 168 pixels
Most clicks on a long-form video come from suggested and search placements, where your thumbnail renders between 168 and 360 pixels wide. Fine details, thin fonts, and busy backgrounds all disappear at that size. The classic checklist: one focal subject, three words of text or fewer, strong contrast between subject and background.
For music and ambience channels running static artwork, the thumbnail usually is the artwork — so make sure the crop still reads as a mood at sidebar size, and keep any series branding (volume numbers, episode tags) big enough to survive the shrink.
If your file fails the 2 MB check
Export as JPG at 80–90% quality instead of PNG — for photographic art this alone usually cuts the file by 5–10×. If you need PNG for crisp text, reduce the palette or flatten subtle gradients. Our compressor guide covers the same trade-offs for video files.
Frequently asked questions
Is my thumbnail uploaded to a server?
No. The image is read directly by your browser with the FileReader API and rendered into the mockups on this page. You can load the page, go offline, and it still works.
Why does my thumbnail have black bars in the preview?
Your image isn't 16:9. YouTube letterboxes non-16:9 thumbnails in most placements, which is exactly what the preview shows. Crop or re-export at 1280 × 720 to use the full frame.
The checks pass but the thumbnail still looks blurry on YouTube.
YouTube re-compresses every thumbnail on their side. Start from a sharp 1280 × 720 master, avoid upscaling smaller images, and keep text large — re-compression punishes fine detail first.
Does YouTube accept WebP thumbnails?
Not for custom thumbnail uploads — stick to JPG or PNG. If your editor exports WebP, convert it before uploading; the preview here will still render it so you can check the design.