Thumbnail Safe-Zone Overlay

Print the 16:9 grid for the mobile/TV safe area and the click-bait danger zone.

Dashed areas show safe zones for the four viewing devices. Mobile (red) and desktop (yellow) are the tightest crops. TV (cyan) shows the full 16:9 canvas.

Output

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 360" width="640" height="360<rect width="640" height="360" fill="#0f172a" opacity="0.05" /><rect x="0.00" y="0.00" width="640.00" height="360.00" fill="none" stroke="#22d3ee" stroke-width="2" stroke-dasharray="8 6" /><rect x="126.75" y="126.25" width="386.50" height="105.75" fill="none" stroke="#facc15" stroke-width="2" stroke-dasharray="8 6" /><rect x="0.00" y="173.00" width="463.75" height="105.75" fill="none" stroke="#a855f7" stroke-width="2" stroke-dasharray="8 6" /><rect x="126.75" y="173.00" width="386.50" height="105.75" fill="none" stroke="#ef4444" stroke-width="2" stroke-dasharray="8 6" /></svg>

About this tool

Generates an SVG overlay marking the safe zone (always visible on all devices) and the click-bait crop area (visible only on desktop). Targets r/ThumbnailDesign and r/youtubers complaints about text or faces getting cut off after upload.

Related tools

More youtube you might find useful.

Thumbnail Text Legibility Checker

See whether thumbnail text survives being shrunk onto mobile and TV.

YouTube CTR Predictor

Predict your click-through rate from impressions and views and benchmark it by niche.

YouTube Title Length Checker

See the visible character count, pixel width, and truncation point for any YouTube title.

Other categories

Looking for something different? Browse the rest of the catalog.

Suggest a tool