YouTube thumbnail safe zones (so the badge doesn't eat your face)

You can nail the export and still lose the click. YouTube draws on your thumbnail after you upload it.

The duration pill sits on the bottom-right. A red progress bar can run along the bottom if someone already watched a bit. On a phone, the crop is tighter than the desktop preview you designed against.

Pixels are a different article. For the file you upload, use the [YouTube thumbnail size guide](/blog/youtube-thumbnail-size). This one is about the paint YouTube puts on top.

What YouTube actually covers

**Duration badge.** Almost every browse surface gets a small time stamp in the bottom-right. Home, search, suggested, the sidebar. If you put a face, an arrow, or a three-word hook in that corner, the pill eats it.

**Progress bar.** Return viewers see a red line along the bottom of the thumbnail. It is thin. It still clips chins, subtitles, and any text you parked on the lower edge.

**Mobile crop.** Phone tiles are smaller and less forgiving. YouTube keeps the center and throws away the edges first. A layout that looks balanced on a 27-inch monitor can lose the left word and the right ear on a home feed.

There is more chrome on hover (watch later, add to queue), and a NEW or LIVE mark on some rows. Treat those as extra reasons not to put the only important thing on a rim.

Keep the click in the middle

Park the face and the words in the center, about 70% of the frame. That is the part that survives the crop.

Leave the bottom-right empty. Not "mostly empty." Empty. That is where the duration pill always lands. A logo, a second face, or a "PART 2" chip in that corner is how you get a thumbnail that looks broken in the feed and fine in Photoshop.

Keep a little air at the bottom too, so a progress bar does not sit on someone's jaw. If you need a lower-third look, put it higher than you think.

One subject. Three or four words, max. If the sentence only works when it stretches into the corners, it is the wrong sentence.

Test it at phone size

You designed it large. Nobody sees it that way.

On a phone, the tile is about 160px wide. Shrink the export until it matches that. If you cannot tell who it is, or you cannot read the line, the feed will skip it. Zooming back in to "check the details" is how you talk yourself into a bad crop.

A fast pass: export, drop it into your camera roll, and look at it in a two-column grid next to two other videos. The one that still reads is the one you upload.

If you want a structured preview, [Thumbly's thumbnail tester](/tools/youtube-thumbnail-tester) shows the same image at feed sizes so you are not guessing.

Clarity is the score that matters here

When a thumbnail dies in the feed, it is usually clarity, not "not enough arrows." The face is too small, or the words sit under a badge.

[Thumbly Score](/thumbly-score) calls that out as Clarity. If that number is the soft one, move the subject into the center and pull type off the bottom-right. Then look at it at 160px again. You do not need a new concept. You need the one you have to survive the overlay.

Need a starting file that is already 16:9 and readable? [Thumbly's YouTube thumbnail generator](/youtube-thumbnail-generator) exports a clean frame. You still have to keep the important stuff out of the paint.

FAQ

**What is a safe zone?** The center, roughly 70%. Faces and short text go there.

**Where is the duration badge?** Bottom-right. Leave that corner empty.

**What does the progress bar cover?** The bottom edge. Keep chins and type off it.

**How small should I preview?** About 160px wide, like a phone tile.

**Did I already read the size guide?** Size is the file. This is what YouTube still lets people see after the UI lands.