Design YouTube Thumbnails That Get Clicks
Create thumbnails at the exact 1280 by 720 size. Layer bold text, cut-out images, and high-contrast backgrounds, then export a crisp thumbnail ready to upload.
Describe the edit — the AI assistant does it on the canvas.
Free preview · No signup · ~10 seconds
Design YouTube Thumbnails That Get Clicks — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
Thumbnails Win or Lose the Click
Exact size, zero setup
Opens at 1280×720 — the correct YouTube thumbnail size. Your design fits perfectly and stays sharp with no manual canvas setup.
Bold layers, fast composition
Stack text over a high-contrast background, add a cut-out of your subject, drop in a logo or badge. Every element is a layer you can move, scale, rotate, and reorder.
CTR is driven by three things
High contrast between subject and background. Text large enough to read on a phone. A visible face expression when there's a person. Channels that grow follow this pattern consistently.
Design for 200px, not 1280px
YouTube shows thumbnails at ~200px wide on mobile. Fine details disappear. Zoom out before committing — what looks balanced at full size often looks cluttered at display size.
Mind the timestamp corner
YouTube stamps a video duration badge over the bottom-right corner of every thumbnail. Keep faces, logos, and key words out of that area so nothing gets covered. It also helps to leave a small margin all around — some surfaces round the corners or crop the edges slightly.
How Thumbnails Display Across YouTube
Upload Size
1280 × 720
The only size you need to produce. YouTube recommends this 16:9 format for all videos.
Homepage Feed (Desktop)
~320 × 180
How thumbnails appear in the YouTube homepage on desktop. Bold text should read clearly at this size.
Search Result
~246 × 138
Slightly smaller display in search results. High contrast between subject and background is essential.
Mobile Feed
~168 × 94
The smallest display context. If your text isn't readable here, it needs to be bigger or simpler.
How to Make a YouTube Thumbnail
Open the thumbnail size
In the Social Banners tool, choose YouTube Thumbnail (1280 by 720) from the size presets.
Build a bold background
Use a high-contrast solid, gradient, or preset background, or place a screenshot as the base layer.
Add punchy text
Add a short, large headline. Pick a heavy font and add a stroke or shadow so it reads at small sizes.
Add subject and export
Drop in a cut-out image or logo, arrange the layers, then export the full-resolution thumbnail in high quality.
Thumbnails for Every Video
Tutorials
Clear, labeled thumbnails that tell viewers exactly what they will learn.
Vlogs and Reactions
Expressive cut-outs with bold text that drive curiosity.
Reviews
Side-by-side product shots with a verdict in big type.
Series Branding
Consistent thumbnail templates that make your channel recognizable.
Used by designers, indie devs & students at
What people use it for
The jobs the editor was built around — and what it does differently on each one.
Colourways you can revisit
Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.
Cutouts with awkward edges
AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.
No export, edit, re-import loop
The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.
Ten options in the time one used to take
Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.
Brand colours matched exactly
Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.
Free to preview, priced per export
Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Replace a Color in Photoshop (4 Methods, and Why the Edges Go Wrong)
Replace Color, Hue/Saturation on a targeted range, Color Range plus a fill layer, and Selective Color — which to use when, and why a recolored logo keeps a halo of the old color along its edges.
How to Get Your Website Ready for Google WebMCP
A step-by-step guide to exposing WebMCP tools on your site — the imperative and declarative APIs, how to test them, and the real security downsides.
How to Remove a Background in Canva (And What the Free Plan Actually Gives You)
Canva's BG Remover is a paid feature — and so is downloading the result with transparency. Here is what works on a free account, what the two separate paywalls are, and how to get a clean cut-out either way.
Ready for More Clicks?
Design a bold, high-contrast YouTube thumbnail at the perfect size and export it in high quality. Start free.