Instagram Story safe area (9:16)
Work on a 1080×1920 (9:16) canvas, then inspect important text and faces against the current Story interface before publishing.
TL;DR
- Size: 1080×1920 (9:16).
- Ratio: 9:16 vertical.
- Format: JPG for photos, PNG for text/transparency.
3 steps (using this tool)
- Upload your image and set size to 1080×1920.
- Keep key content within the centered safe area.
- Export as JPG or PNG.
1080×1920 overlay-risk diagram
Top overlay risk — ad guidance: roughly 14%
Check faces, text, logos, and calls to action here in the live Instagram preview
Bottom overlay risk — ad guidance: roughly 20%
The percentages above come from Meta’s call-to-action sticker guidance for Stories ads. They are not a universal guarantee for every organic Story or every interface state.
Publishing checklist
- Start at 1080×1920 and keep key content away from the extreme edges.
- Preview the Story in Instagram because account controls, stickers, captions, and calls to action can change obstruction.
- For an ad, use the linked ad-specific top and bottom guidance as a caution zone, then inspect the actual placement.
Crop preview
Crop fills the 9:16 frame and may remove side content. Drag the focus until the subject survives, then check whether any retained text falls under Story controls.
Pad preview
Pad preserves the entire source but adds background space. Use it when Crop removes a subject or logo, then decide whether the added bars are acceptable for the Story.
Sources
Each source applies only to the claim described beside its link.
- Instagram Help: Issues with boosting Stories — Supports 9:16 as the full-screen Stories ratio in the specific context of boosting a Story.Source checked:
- Instagram Help: About link stickers on Stories — Supports the ad-specific overlay caution: keep roughly 14% at the top and 20% at the bottom clear of key text, logos, or other creative elements around the call-to-action sticker.Source checked:
FAQ
What is “safe area” on Instagram Stories?
Safe area is the central region where key content is least likely to be covered by Instagram UI overlays.
Quick tip: Treat the top and bottom edges as “UI zones” and keep critical text away from them.
Common mistake: Placing CTAs at the very bottom—buttons/captions often overlap there.
How do I avoid UI covering my text?
Avoid putting crucial text near the top edge and bottom edge, and don’t rely on corner placement.
Quick tip: Keep headlines and CTAs closer to the center and preview before posting.
Common mistake: Designing without a preview—what looks fine in editor can be covered in-app.
Crop vs Pad for Stories — which is safer?
Pad is safer for designs with text/logos; Crop is fine for photos if key content stays centered.
Quick tip: For promo posters, default to Pad to avoid cutting text.
Common mistake: Cropping a poster to fit—logos and text near edges often get lost.
Why does my Story look blurry after upload?
It’s usually low input resolution or strong export compression.
Quick tip: Export once at high quality and avoid re-saving multiple times.
Common mistake: Saving, screenshotting, and re-uploading—each step degrades quality.
Do you have a safe-area template or PNG?
Use the 1080×1920 canvas and keep text within the center zone. That acts like a safe-area template.
Quick tip: Create a transparent overlay in your design tool to visualize the safe zone.
Common mistake: Placing text flush to the top/bottom—UI overlays often cover it.