About Social Safe Area Checker
Every social platform overlays UI on top of creator content — usernames, action buttons, captions, send bars. Critical content placed under those overlays gets covered. The Safe Area Checker overlays per-platform UI guides on top of your image so you can see exactly which regions to keep clear. Presets cover Instagram Story, YouTube Shorts, TikTok vertical, Reel cover and YouTube thumbnail. Coordinates are based on each platform's 2026 UI as of writing — verify in-app for critical work.
- No uploads
- Browser-only
- Works offline
- 100% free
How it works
- 1
Drop your image
Any aspect ratio — the tool renders it to the chosen platform's canvas first, then overlays the unsafe regions.
- 2
Pick the platform
Each preset shows where that platform's UI covers content — usernames, action rails, captions.
- 3
Adjust your design
Move focal points out of the rose-tinted regions. Optional download saves the image WITH the overlay for reference.
What a safe area is, and why every platform has one
A 'safe area' is the part of your image or video frame that no interface element covers up. On a full-screen vertical video, the platform draws its own controls — buttons, captions, your username, progress bars — directly on top of your content. Those elements sit in fixed regions, so anything important you place behind them is partially or fully hidden. The safe area is what's left: the zone you can trust to be visible to everyone.
This matters most for short-form vertical video, where the UI is dense, but it applies anywhere the platform overlays chrome — YouTube's duration badge on a thumbnail, Instagram's grid crop on a Reel cover. Designing without checking the safe area is why a headline that looked perfect in your editor ends up half-covered by a 'Follow' button in the wild.
The UI zones that eat your frame
| Zone | What lives there | Affected platforms |
|---|---|---|
| Right edge (~15%) | Like, comment, share, audio disc | Reels, TikTok, Shorts |
| Bottom third | Caption, username, audio title, CTA | Reels, TikTok, Shorts, Stories |
| Top edge | Progress bar, feed tabs, search, profile | Reels, TikTok, Shorts, Stories |
| Bottom-right corner | Video duration badge | YouTube thumbnails |
| Centre crop (1:1) | Profile-grid square crop | Instagram Reel covers |
Exact pixel boundaries shift between app versions and phone sizes — treat these as generous keep-out margins, not hairline limits.
Designing around the overlays, not against them
- Keep the essentials centred. The vertical centre band is the one region almost no platform's chrome reaches — put faces, headlines, and logos there.
- Treat the bottom third as borrowed space. You can use it for atmosphere, but assume the platform will draw text over it; never put your only call-to-action there.
- Leave margin, not a hard line. Phone notches, rounded corners, and version updates nudge the boundaries — a little extra clearance is cheap insurance.
- Check before you publish, not after. The matching makers — Shorts Thumbnail Generator, TikTok Cover Maker, Instagram Reel Cover Cropper — bake these zones in.
Frequently asked questions about Social Safe Area Checker
Are the overlay positions exact?
They're based on each platform's published UI guidelines and observation as of early 2026. UI evolves — for important campaigns, verify in the platform's actual app on the device size your audience uses.
Why isn't there a preset for X / LinkedIn?
Those platforms don't overlay UI on top of post images on the timeline; the image displays cleanly. Safe-area only matters for vertical / immersive formats where UI sits on top of content.
Privacy, offline use, browser support, and pricing questions are answered on the site-wide FAQ.