Upload your Instagram Story image, preview how it will appear in the full-screen vertical format, and check layout, cropping, and safe zones before publishing. Get the instagram story size wrong and your image gets letterboxed with black bars, your text disappears behind the UI, or your subject ends up sliced through the middle. This tool catches every size and layout problem before your Story goes live.
This guide covers the correct Story dimensions, exactly how Instagram resizes images to fit the 9:16 canvas, where the safe zones sit behind the UI overlays, and the most common Story problems that quietly cost creators reach.
The recommended instagram story size is 1080×1920 pixels at a 9:16 aspect ratio. This is full-screen vertical — the same canvas Instagram uses for Reels, and the same format as TikTok and YouTube Shorts. Stories occupy the entire phone screen edge to edge, so every pixel matters.
| Spec | Recommended | What Happens If Wrong |
|---|---|---|
| Width | 1080 px | Below 1080 px = blurry after compression |
| Height | 1920 px | Below 1920 px = letterboxed or upscaled |
| Aspect ratio | 9:16 | Anything else = cropped or letterboxed |
| File format | JPEG, PNG | JPEG for photos, PNG for graphics with text |
| Max file size | 30 MB | Stay well under for fast upload and playback |
Incorrect sizes lead to two problems: cropping (Instagram slices your image to fit the 9:16 canvas) or letterboxing (Instagram adds black bars to fill the space). Both look unprofessional in the feed and quietly hurt engagement. Verify your image dimensions with the Instagram Post Size Checker before uploading.
Instagram applies a single rule to every Story upload: resize to fit a 1080×1920 vertical canvas. How that resize plays out depends entirely on the source image's aspect ratio.
The ideal case. Your image fills the screen pixel for pixel. No cropping, no letterboxing, no upscaling. This is the only ratio that gives you full control over what's visible.
Square images get scaled UP to fill the 1080-px width, then center-cropped on the top and bottom. A 1080×1080 image becomes 1920×1920 effectively, then trims the top and bottom 420 px to fit the 1920-px height. Anything near the top or bottom edge of the original square gets sliced off entirely.
The worst case. Landscape images don't fit a vertical canvas, so Instagram either:
Either way, the result looks broken. Re-frame landscape content for vertical before uploading or skip it entirely.
Instagram never stretches images proportionally to fit — that would distort faces and visuals. Instead, it always preserves the aspect ratio of the source and either crops or letterboxes the difference. The result is predictable but unforgiving: only true 9:16 vertical images survive intact. Everything else loses content.
Start with a 1080×1920 canvas in your editor of choice. Place subjects in the vertical center. Keep important text and logos away from the edges. Re-frame existing horizontal content into vertical with extended backgrounds, repositioned subjects, or full re-shoots. The vertical-first mindset is the entire job.
Even when your Story is exactly 1080×1920, Instagram still overlays UI on top of every frame. The full canvas is yours, but only the central area stays clear of interface elements.
The usable safe zone sits between Y:250 and Y:1670 on a 1080×1920 canvas — about 1080×1420 px of unobstructed space. Place all headlines, faces, logos, and CTAs inside this central zone. The background imagery can extend into the top and bottom 250 px, but never your key content.
Move every piece of text into the central vertical safe zone. Headlines belong around Y:300–Y:600 (upper third), supporting text around Y:600–Y:1320 (middle third), and CTAs around Y:1320–Y:1600 (lower third — but never below Y:1670). The Instagram Story Safe Zone tool maps every UI overlay with pixel-level precision so you can verify your design.
Headlines placed in the top 250 px get covered by the profile header and progress bar. CTAs in the bottom 250 px get hidden behind the "Send message" reply box. Move all text into the central safe zone (Y:250–Y:1670). The Instagram Story Safe Zone tool shows the exact overlay coordinates.
Square images get top/bottom cropped when scaled to fill the vertical canvas. Landscape images get either letterboxed or aggressively side-cropped. Pre-resize every Story image to exactly 1080×1920 before uploading. Verify with the Instagram Post Size Checker.
Landscape (16:9) images get massive black bars at the top and bottom because they don't fill the vertical canvas. The fix is to never upload landscape content as a Story — either re-frame it for vertical with an extended background, reposition the subject inside a 9:16 canvas, or use a different format entirely.
Instagram aggressively compresses every Story image. Starting under 1080 px wide produces visibly soft results, and uploading screenshots or already-compressed JPEGs amplifies the problem. Always start at the full 1080×1920 resolution (or higher, downsampled cleanly) and avoid screenshot sources.
Designs built for square or landscape feel awkward when forced into 9:16. Subjects look too small, text feels disconnected, and negative space dominates the frame. Always design Stories vertically from the start — not as an adaptation of feed content.
A 1080×1080 feed post or a 1920×1080 landscape graphic dropped directly into a Story always looks broken — either letterboxed, awkwardly cropped, or misaligned. Re-frame and rebuild horizontal content for the vertical format with the Free Thumbnail Editor, then verify the result.
Verify every part of your Instagram Story before publishing: