01. Load Image or Video Locally
Drag and drop any vertical JPG, PNG, WEBP, MP4, WEBM, or MOV file—or click Load Sample Frame. Files are decoded directly in memory using HTML5 FileReader and Canvas without leaving your device.
9:16 Preview Stage
Upload a vertical image/video or click Load Sample Frame to test safe zones.
Verify vertical framing, lower-third captions, and call-to-action graphics before publishing—processed 100% locally in your browser with zero server uploads.
Drag and drop any vertical JPG, PNG, WEBP, MP4, WEBM, or MOV file—or click Load Sample Frame. Files are decoded directly in memory using HTML5 FileReader and Canvas without leaving your device.
Switch between TikTok, Instagram Reels, and YouTube Shorts overlays—or turn on Side-by-Side (3x) view. For videos, use the inline Play/Pause toggle and timeline scrubber to inspect exact subtitle timestamps.
Adjust overlay opacity, toggle the Universal Safe Box, and click Export Check PNG. Drop the exported proof image onto a top reference track in CapCut, Premiere Pro, or DaVinci Resolve while aligning text.
Standard UI obstruction margins for a full HD 1080 × 1920 px (9:16) canvas across major short-form video feeds.
| Platform | Top Margin | Bottom Margin | Left Margin | Right Action Zone | Unobstructed Center |
|---|---|---|---|---|---|
| TikTok | 11% (211 px) | 20% (384 px) | 0% (0 px) | 15% (162 px · 42–82% H) | 918 × 1325 px |
| Instagram Reels | 10% (192 px) | 18% (346 px) | 0% (0 px) | 14% (151 px · 48–84% H) | 929 × 1382 px |
| YouTube Shorts | 9% (173 px) | 19% (365 px) | 0% (0 px) | 15% (162 px · 44–83% H) | 918 × 1382 px |
| Universal Cross-Platform Safe Area | 11% (211 px) | 20% (384 px) | 2% (22 px) | 15% (162 px) | 896 × 1325 px |
Common questions about vertical video safe zones, aspect ratios, and local browser privacy.