YouTube Thumbnail Dimensions and File Size Guide 2026

The Definitive YouTube Thumbnail Spec for 2026

YouTube's thumbnail specifications have been stable for several years, but the way thumbnails display across different placements and devices has continued to evolve as YouTube has updated its interface. This guide covers the authoritative technical requirements and — more usefully — explains how and where your thumbnail is actually displayed so you can design for the right context rather than just the right file format.

Core Technical Specifications

How Thumbnails Display at Different Sizes

Your thumbnail is not displayed at one size. It is displayed at four or more sizes depending on the placement and device. Designing only for the full 1280×720 canvas without accounting for the smallest display size is one of the most common — and most costly — thumbnail mistakes.

Homepage and Browse Feed

On desktop, thumbnails in the Browse feed (the YouTube homepage) display at approximately 246×138px. On a 1280px canvas, this means your thumbnail is being rendered at roughly 19% of its original width. Every detail that relied on fine linework, small text, or subtle colour gradients becomes invisible at this scale.

Design implication: Elements that need to be visible on Browse include your primary image (face or hero visual), your hook text, and your colour block. Anything smaller or more detailed than these three categories is decoration — visible at full res, invisible in use.

Search Results

In YouTube search results, thumbnails display at approximately 246×138px on desktop — the same as Browse. On mobile search, they are slightly smaller, closer to 168×94px. The competitive context is highest here: viewers are comparing your thumbnail directly against 9 others in the same frame.

Design implication: The search results page is where colour differentiation matters most. At this display size, viewers process colour before text or expression. A thumbnail that stands out from the page colour pattern receives disproportionate attention regardless of what it depicts.

Mobile Thumbnails

Mobile is the most important display context for most channels. YouTube's mobile app displays thumbnails in the home feed at approximately 168×94px, and in search results at a similar or slightly smaller size depending on the device and interface version.

At 168px wide — 13% of your 1280px canvas — only the largest, boldest elements remain legible. Text at 40pt on a 1280px canvas maps to approximately 5pt at mobile display size. Text at 80pt maps to roughly 10pt. Only text set at 80pt or above on a 1280px canvas reads reliably at mobile thumbnail scale.

Design implication: Everything in your thumbnail should be designed for 168px first and 1280px second. If it doesn't work at 168px, it doesn't work.

Suggested Videos and End Screens

Thumbnails in the suggested video panel (the right sidebar on desktop, below the video on mobile) display at approximately 168×94px. End screen thumbnails are even smaller: approximately 120×68px. At this size, only extremely high-contrast, simple thumbnails with large single elements remain readable.

Design implication: If a significant portion of your traffic comes from Suggested, prioritise simplicity. A complex thumbnail with multiple elements may drive strong CTR in Browse (where it has slightly more real estate) but underperform in Suggested where visual complexity collapses.

Optimisation Tips for Each Placement

For Browse and Homepage: Use high-contrast colour pairs (4.5:1 minimum, aim for 7:1+ for primary elements). Keep the focal point in the centre-upper portion of the frame where it's least likely to be obscured by interface overlays. The duration badge in the bottom-right corner should not overlap any critical element.

For Search Results: Conduct competitive colour audit before publishing. Check that your dominant background colour is not shared by more than 3 of the top 10 results. Use exaggerated expressions if using a face — subtlety is invisible at search results scale.

For Mobile: Test at 168px before every publish. Use a minimum text size of 80pt on a 1280×720 canvas. Keep total element count to three or fewer: primary visual, hook text, and one supporting element. Eliminate anything that doesn't contribute at 168px.

Compression Tips and Format Guidance

YouTube applies its own compression to every uploaded thumbnail, regardless of your original file quality. Understanding what this means for your export settings helps you deliver the highest quality possible after platform processing.

JPG export settings: Export at 90–95% quality. Quality settings below 80% introduce visible compression artifacts, particularly in smooth gradients and around text edges. Quality above 95% increases file size without meaningful visual improvement. At 90% quality, a 1280×720 thumbnail is typically 200–400 KB — well within the 2MB limit.

PNG vs JPG: PNG is a lossless format that produces higher-quality output at the cost of larger file sizes. For thumbnails with flat colour backgrounds, clean text, and no photographic elements, PNG can produce noticeably sharper results (especially around text edges) than JPG. For thumbnails with photographic content or complex gradients, the quality difference is minimal and JPG is preferred for its smaller size.

WebP: YouTube supports WebP uploads and the format produces excellent compression-to-quality ratios. Modern export tools (Canva, Figma, newer versions of Photoshop) support WebP export. If available in your workflow, WebP at 90% quality typically produces smaller files than equivalent-quality JPG with similar or better visual output.

After YouTube compression: YouTube re-encodes all thumbnails on its CDN. Sharp edges (especially around text) are the area most affected by platform compression. To counteract this, add a 2–3px stroke to all text elements before exporting — the stroke adds enough edge contrast to survive platform encoding intact.

Common Spec Mistakes That Reduce Quality

• Exporting at 640×360 minimum size. YouTube accepts this but scales it up to display sizes, introducing visible interpolation blur. Always export at 1280×720.
• Using a non-16:9 canvas. Square (1:1) or portrait (9:16) thumbnails are automatically letterboxed with black bars, reducing the effective display area to less than the standard thumbnail size. Always design and export at 16:9.
• Uploading a PNG over 2MB. Thumbnails with high-resolution backgrounds or many transparent layers can exceed 2MB as PNG. If your PNG is over the limit, export as JPG at 95% quality — the quality difference is imperceptible and the file will easily fit within the limit.
• Designing in a wide-gamut colour space (Adobe RGB or Display P3) and exporting without converting to sRGB. YouTube converts all uploads to sRGB. Colours designed in P3 that fall outside the sRGB gamut will shift on conversion, often becoming duller or slightly different in hue than intended. Design in sRGB from the start.
• Not accounting for the duration stamp. YouTube automatically overlays the video duration in the bottom-right corner of every thumbnail. Any text or critical design element placed in the bottom-right 20% of the frame risks being partially obscured. Keep the bottom-right corner clear of important content.

Quick Reference: Placement Display Sizes

Use the 80pt benchmark as your primary constraint when placing text on a 1280×720 canvas. Text below that threshold may look excellent in Canva or Photoshop at full zoom but will be illegible to viewers in every high-traffic placement. A thumbnail with two large, legible lines of text will outperform a thumbnail with five lines of varying sizes every time.