People searching for a tutorial already know their problem. The thumbnail has one job: show that this video solves it, quickly and clearly. That usually means showing the result, the steps, or the one setting that fixes everything, rather than a dramatic face.
The tutorial templates below are built around clarity. There is a three-step layout, a wrong and right comparison, a screenshot layout with a ring around the important control, and a big number for videos that promise a short list.
8 templates, each measured. We drew every one at 1280 by 720 with its photo slots empty and ran the five checks from Thumbnail Autopsy on it, in all 10 colourways. Each card shows the colourway that measured best; 3 of the 8 pass all five checks in it. Measured on 2026-10-29. How we measure.
Tutorial templates
Face Right
Autopsy: 5 of 5 checks pass
PassFeed size: edge energy 17.3 at 168 by 94 (7 or above)
PassContrast: luminance spread 25.3/100 (22 or above)
PassLength badge corner: 0.18× the average detail (1.1 or below)
PassEdges: 0.20× the average detail (0.9 or below)
Measured with the photo slots empty. Shown in Dusk, the colourway that measured best. None of the 10 colourways passes all five with the slots empty, so your photo decides the rest.
Measured with the photo slots empty. Shown in Dusk, the colourway that measured best. None of the 10 colourways passes all five with the slots empty, so your photo decides the rest.
Measured with the photo slots empty. Shown in Night Shift, the colourway that measured best. None of the 10 colourways passes all five with the slots empty, so your photo decides the rest.
Measured with the photo slots empty. Shown in Dusk, the colourway that measured best. None of the 10 colourways passes all five with the slots empty, so your photo decides the rest.
Measured with the photo slots empty. Shown in Dusk, the colourway that measured best. None of the 10 colourways passes all five with the slots empty, so your photo decides the rest.
A finished result is more convincing than a picture of the error. Stamped puts a stamp word like "WORKS" on top of your result photo, which reads as a promise kept.
Circle the one control that matters
For software tutorials, a screenshot with one ring is clearer than a screenshot with five arrows. Spot It sets a ring and a curved arrow on a full-frame screenshot, plus a short handwritten note.
Number the steps only if there are few
Three Steps shows three numbered boxes with a word under each. If your process has twelve steps, use Big Number instead and print the count, so the viewer knows how long it will take.
Use wrong and right for common mistakes
Then and Now labelled "WRONG" and "RIGHT" is one of the fastest ways to say "you are probably doing this". Keep the two photos as similar as possible apart from the mistake.
Zoom into the screenshot
A full desktop screenshot is unreadable at 168 by 94. Crop to the window or the panel the viewer will need, then let the slot fill with it.
Before you upload
The numbers on this page describe each template as it opens. Once your photo and words are in, run the finished thumbnail through Thumbnail Autopsy for the same five checks on your real design, and look at it next to other videos with the YouTube thumbnail preview.
Frequently asked questions
What should a tutorial thumbnail show?▼
The result, the steps, or the exact place on screen where the fix happens. Pick the one that matches what people searched for, and keep the words to the outcome, like "EASY FIX".
Are numbers good on tutorial thumbnails?▼
A small number tells the viewer the video is short and structured, which suits tutorials. Big Number sets the number very large with a short line beside it.
Should I put my face on a tutorial thumbnail?▼
It is optional. Face Right and Big Number include a face slot for channels where the presenter matters; Three Steps and Spot It work without one.
Do the measured results still hold after I add my screenshot?▼
They were measured with the slots empty. Screenshots are often bright and busy, which can lower the contrast or raise the clipped-white share, so check the finished thumbnail in Thumbnail Autopsy.
