Diagnostic Simulator

YouTube Thumbnail CTR & Safe Zone Simulator

Test your existing thumbnails or design new ones. Detect bottom-right timestamp badge obstructions, evaluate mobile text legibility, and preview your artwork inside a live YouTube dark-mode feed.

1280 × 720 (16:9 Standard)
24:15
Overall CTR Readiness
94%
EXCELLENT

Safe-Zone Rule of Thumb:

Keep all primary text at least 160 pixels away from the bottom-right corner. On Android, iOS, and Smart TVs, YouTube places the duration timecode directly over this section.

Drop Your Thumbnail (JPG/PNG) Evaluates safe zone & contrast instantly

Your image stays 100% on your device. We use HTML5 Canvas to simulate YouTube's overlay without uploading your image to external servers.

The YouTube Timestamp Problem: Why 15% of Your Thumbnail is Invisible

Every video rendered across the YouTube ecosystem features a mandatory timestamp pill (e.g., "10:45" or "1:02:18"). On desktop web browsers, this badge is relatively discreet. However, on the YouTube mobile app (which accounts for over 70% of total video watch time), the badge scales up significantly and includes a translucent drop shadow.

If you place your primary emotional punchline, face cutout, or branding logo in this 140×60 pixel buffer, prospective viewers cannot read your message while scanning their feed. This single error often degrades click-through rates by 2.5% to 4.8%.

Understanding the Visual Saliency Heatmap

Human visual cognition does not inspect a thumbnail sequentially from top-to-bottom. The visual cortex is drawn to high-contrast focal islands in a distinct sequence:

  1. Fixation 1 (Primary High-Luminance Anchor): Eyes immediately lock onto bright human faces or neon yellow/cyan typography.
  2. Fixation 2 (Action Indicator / Directional Vector): Eyes follow directional cues such as pointing arrows or gaze vectors from the subject.
  3. Fixation 3 (Secondary Context Badge): Finally, viewers register context badges (e.g., "100% REAL", "NEW TECH") before deciding to click.

Our built-in Saliency Heatmap simulates this eye-tracking fixation pattern so you can ensure your visual hierarchy leads the viewer directly to your curiosity hook.