How do I make YouTube thumbnail text readable on mobile?

The steps at a glance

Readable text on a phone comes down to size, contrast and space. These steps go from the measurement to the design and back:

1. Check the thumbnail at the sizes YouTube really shows.
2. Cut the text down to a few words.
3. Make the letters big enough for the smallest view.
4. Separate letters from the background with light and dark, not only color.
5. Keep text clear of the duration badge and the edges.
6. Simplify what sits behind the words.
7. Test in dark mode, light mode and next to your title.
8. Compare two or three versions before you upload.

Step 1: Check the thumbnail at the sizes YouTube really shows

A thumbnail is designed at 1280 x 720 or larger and judged at a fraction of that. I couldn’t find the display sizes in any YouTube document, so I measured them on October 19, 2026, in Chrome while logged out, on youtube.com at common window widths and on m.youtube.com at common phone widths:

The phone app can’t be measured this way, and YouTube changes its layouts, so read the computer numbers as ranges. The smallest regular view is the sidebar at about 220 px wide, a little over a sixth of a 1280 px design. Many guides still quote 168 px for the sidebar; that did not match what I measured.

Open your thumbnail in the free thumbnail readability checker and start with its 390 px and 220 px views. At that size the question is simple: can you still say what the video is about in one glance?

Step 2: Cut the text down to a few words

On a canvas of fixed width, every word you add makes every word smaller. Two to four words leave room for letters that survive the sidebar; a full sentence never does. The thumbnail doesn’t have to explain the video, because the title sits right next to it: let the image and its few words show the moment, and let the title say what the picture can’t.

Don’t repeat the title on the thumbnail. A viewer takes in both in the same glance, and saying the same thing twice wastes one of them. The thumbnail and the opening seconds make one promise together, which is the thinking behind how to write a hook for gaming videos.

Step 3: Make the letters big enough for the smallest view

There is no official minimum text size, but YouTube puts a yardstick on every thumbnail: the duration badge. I measured its time at 12 px text, digits roughly 8 to 9 px high, on every layout. Text smaller than that in the sidebar is smaller than the smallest text YouTube itself places on a thumbnail. Even YouTube Help’s example prompt for its Ask Studio thumbnail suggestions is a request to make the text on the thumbnail larger.

Turned into design sizes, that yardstick gives a floor. This is my arithmetic from the measured sizes, not a YouTube rule:

That is the floor, not the goal: text at the floor is only as readable as a timestamp, and words meant to be read at a glance should sit well above it. To measure your own design, type the words in the readability checker and draw a box around them on the 390 px view; it reports the height of each line on a phone and in the sidebar.

Step 4: Separate letters from the background with light and dark, not only color

Color alone doesn’t carry text at small sizes. Yellow letters on a pale sky or red letters on a busy orange scene can look bold full size and merge once shrunk. What separates letters from a background is a difference in brightness, so judge it in grayscale: if the words vanish when the color goes, they will struggle on a phone.

The usual fixes, roughly from lightest to heaviest:

• A thick dark outline around light letters, or a light one around dark letters.
• A soft shadow large enough to darken the area around the words.
• A solid band or box behind the text.
• Darkening or blurring the part of the background the text sits on.

Thin and decorative fonts lose this fight first, because their strokes are the first thing to disappear at 220 px. The readability checker shows a grayscale version and a blurred squint version of your image and measures how much contrast survives the blur. Its thresholds are my own warning lights, not YouTube rules, and passing them says nothing about clicks.

Step 5: Keep text clear of the duration badge and the edges

The badge with the video’s length sits in the bottom right corner and covers whatever is under it. In my October 19 measurements it was 20 px tall and about 32 px wide for a time like 0:16, 39 px for 43:48 and 48 px for 1:04:51, set 8 px in from the corner. Because it keeps that pixel size on every layout, it takes a bigger share of a smaller thumbnail: roughly a tenth of the width and height of a 390 px phone thumbnail, and close to a fifth (18% by 16%) of a 220 px sidebar one.

Keep words, faces and the key object out of that corner, with extra room on videos over an hour, whose badge is wider. Leave a margin on the other edges too, so no letter touches the frame.

Step 6: Simplify what sits behind the words

Busy frames are the hardest backgrounds for text. Gameplay is the classic case: blocks, particles, health bars and chat all turn into noise when the image shrinks, and letters laid over that noise lose their edges. The readability checker puts a number on it, how much of the image is sharp edges at phone size, and warns when the picture is mostly texture.

Start from a cleaner frame when you can; the free frame grabber finds the sharpest frames in a video. Then give the text a calm area of its own: sky, a wall, a darkened corner, or a band you add yourself.

Step 7: Test in dark mode, light mode and next to your title

YouTube’s page is near black in dark mode (rgb 15, 15, 15 in its page styles) and white in light mode. A dark thumbnail with dark edges sinks into the dark page, and a pale one fades into the light page. The readability checker compares the thumbnail’s outer edge with both.

Then see it in context. The thumbnail preview places your image and title in the home feed, search, the suggested sidebar and a phone layout, in dark and light mode, and marks where a long title gets cut off. Titles can run to 100 characters, but feeds usually show about two lines of them.

Step 8: Compare two or three versions before you upload

Small differences in text size or outline are easier to judge side by side than one at a time. Both tools accept up to three images at once, so you can line up the original, a version with bigger text and a version with a band, and keep the one that still reads in the sidebar.

Then upload at full resolution. YouTube Help (Add custom thumbnails, read October 19, 2026) recommends 3840 x 2160 pixels for video thumbnails, with a minimum width of 640, as a JPG or PNG, under 2 MB when uploading from a phone and 50 MB from a computer. A bigger file won’t make small text bigger, though; only the design does.

What about Shorts thumbnails?

YouTube Help handles Shorts thumbnails separately: a 9:16 image, 2160 x 3840 recommended with a minimum height of 640, added in YouTube Studio on a computer by a verified account. It also notes that vertical videos with a 16:9 custom thumbnail get an auto-generated 4:5 thumbnail on the home, explore and subscription pages instead. If text matters on a Short’s thumbnail, upload a 9:16 image, or those pages swap your design, text included, for an auto-generated 4:5 one.

How I check a thumbnail before a video goes out

For the long-form Roblox and Minecraft videos I edit, the last look at the thumbnail happens small. I view it at sidebar width, drain the color out of it and blur it a little, which is roughly how it reaches a viewer scrolling on a phone between other videos. Gameplay frames make this harder, because they are packed with tiny detail; once that detail turns to noise, only the main character and the words are left to tell the story.

Then I look at one corner in particular, the bottom right, where the length badge will cover a word or a face if anything important sits there. The readability checker runs those same checks in one place, with the measurements behind them. If you would like an editor for gaming videos, see gaming YouTube channels.

Common thumbnail text mistakes

• Judging it full screen on a big monitor. Nobody else sees it that size.
• A sentence instead of a few words. More words always means smaller words.
• Thin or decorative fonts. Their strokes vanish first.
• Color contrast without brightness contrast. It looks strong in color and melts in grayscale.
• Text in the bottom right corner. The duration badge covers it.
• Repeating the title. The two sit side by side; make them say different things.

Thumbnail text FAQ

What size should text be on a YouTube thumbnail?

There is no official minimum. A useful floor is the duration badge, whose digits are about 8 to 9 px tall in my October 19, 2026 measurements. Matching that in a 220 px sidebar means letters about 52 px tall on a 1280 x 720 design, or about 157 px on 3840 x 2160. Text people should read at a glance belongs well above that floor.

How wide is a YouTube thumbnail on a phone screen?

Full width. On common phones that was 360, 390 or 430 px in the feed and in search when I measured m.youtube.com on October 19, 2026. The smallest view on a computer is the suggested sidebar, about 220 to 330 px wide depending on the window.

How many words should a YouTube thumbnail have?

As few as the idea allows, usually two to four. Each extra word shrinks the others, and the title next to the thumbnail can carry the rest of the message.

Why is my thumbnail text hard to read on mobile?

Usually one of four things: the letters are too small for a 390 px phone view, the font is thin, the text and background are close in brightness even when their colors differ, or the area behind the words is busy. Look at the thumbnail in grayscale and at phone size to see which one it is.

Does the duration badge cover part of my thumbnail?

Yes. It sits in the bottom right corner on every layout. In my measurements it was 20 px tall and about 32 to 48 px wide depending on the video length, which covers about 10% of the width of a 390 px phone thumbnail and about 18% of a 220 px sidebar one.

Will readable text improve my click-through rate?

No tool can promise that. Click-through rate also depends on the topic, the title and who sees the video. Readable text removes one reason a viewer might scroll past without understanding the thumbnail.

Sources

Display sizes, the duration badge, the dark mode page color and how the checks work: what I measured on youtube.com and m.youtube.com (Chrome, signed out) on October 19, 2026, as published on the thumbnail readability checker page. The letter heights in the Step 3 table are arithmetic from those measurements (9 px out of 220 px is about 4.1% of the width). Thumbnail resolution, formats, size limits, the Shorts specs, the 4:5 note and the Ask Studio example: YouTube Help, Add custom thumbnails on YouTube, read October 19, 2026. The layouts and the 100 character title limit: the thumbnail preview page.