YouTube Thumbnail Design

Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.

Quick Start

CODEBLOCK0

Install note: The install script only detects your OS/architecture, downloads the matching binary from dist.inference.sh, and verifies its SHA-256 checksum. No elevated permissions or background processes. Manual install & verification available.

Specifications

The 120px Test

Your thumbnail appears at roughly 120px wide on mobile — that's how most viewers first see it.

At 120px, viewers must be able to identify:

1. 1. The mood/emotion (from colors and expression)
2. The general subject (from composition)
3. The text (if any — only if large enough)

Test: view your thumbnail at 120px width. If it's a muddy blur, redesign.

Safe Zones

CODEBLOCK1

Avoid placing critical elements in:

• - Bottom-right corner (video duration timestamp)
• Bottom-left corner (chapter markers, progress bar)
• Extreme edges (cropping varies by device)

Color Strategy

High-Contrast Pairs That Work

Color Rules

• - Background and text/subject should be complementary or high-contrast
• Avoid same-temperature colors touching (red on orange = mud)
• Use 3 colors maximum per thumbnail
• Saturate more than real life — thumbnails compete with bright UI

Text on Thumbnails

When to Use Text

• - Lists/numbers: "7 Tips", "Top 10"
• Strong opinions: "STOP Doing This"
• Results: "$10K in 30 Days"
• Comparisons: "vs" between two things

When NOT to Use Text

• - The video title already says it (redundant)
• The emotion/visual tells the story
• You can't make it large enough to read at 120px

Text Rules

Face Expression Psychology

Thumbnails with faces get higher CTR than faceless thumbnails. Expression matters:

Face Composition Rules

• - Face should fill 30-50% of the thumbnail
• Eyes looking toward the text or subject (directs viewer attention)
• Eyes looking at camera = connection. Eyes looking at object = curiosity.
• Place face on one side (usually left), text or subject on the other

CODEBLOCK2

Thumbnail Patterns by Content Type

Tutorial / How-To

Before/After

Product Review / Comparison

Listicle / Number

A/B Testing

Test one variable at a time:

CODEBLOCK7

Thumbnail Checklist

• - [ ] 1280x720 minimum (1920x1080 preferred)
• [ ] Under 2MB file size
• [ ] Passes the 120px squint test
• [ ] No critical elements in bottom-right (timestamp) or bottom-left (chapter)
• [ ] Max 3 colors, high contrast
• [ ] Text (if any) is max 6 words, bold, with contrast stroke
• [ ] Face expression matches content energy (if applicable)
• [ ] Doesn't duplicate the video title
• [ ] Stands out from surrounding thumbnails (check your niche)
• [ ] Works on both light and dark YouTube backgrounds

Common Mistakes

Related Skills

CODEBLOCK8

Browse all apps: INLINECODE1