Instagram Mockup Generator: The Right Size for Every Format (2026)
Posts, Stories, Reels, and ads all use different dimensions, and Instagram is unforgiving when you get them wrong. Here's the exact spec for every format, plus how to turn customer content into something that actually fits.
Open any "Instagram size guide" from a few years ago and you'll get advice that's quietly wrong today. Instagram's grid display changed, a new aspect ratio was added, and the safe zones shifted slightly as the in-app UI evolved. If you're building a mockup, whether that's a customer review turned into a feed graphic, a Story template, or an ad preview, working from outdated specs means your design gets cropped, compressed, or letterboxed the moment it actually goes live.
This is the current, accurate reference, format by format, plus the workflow for turning text content (a review, a quote, a testimonial) into a properly sized Instagram mockup without guessing.
The Core Instagram Sizes You Need to Know
When creating mockups, using clean integer pixel sizes avoids subpixel rounding bugs that blur your borders. Stick to these canvas configurations:
Feed posts, portrait (4:5): 1080 × 1350 pixels. This is our default recommendation and the format with the longest engagement track record. Portrait takes up more vertical space in the feed than a square post, which means more screen real estate and, generally, more time spent looking at it before someone scrolls past.
Feed posts, square (1:1): 1080 × 1080 pixels. Still fully supported, and useful when the same creative needs to get reused across multiple channels without separate export versions for each one.
Feed posts, the new 3:4 option: 1080 × 1440 pixels. Instagram added this format alongside 4:5 and 1:1, giving roughly 7 percent more vertical space than 4:5. It's worth using specifically for text-heavy or full-body content, but 4:5 remains the safer default for general use since it's been the platform's primary recommendation the longest.
Feed posts, landscape (1.91:1): 1080 × 566 pixels. Only worth using when your source creative is already horizontal, this ratio uses the least amount of feed space of any of the four options and generally underperforms portrait and square for organic reach.
Stories and Reels (9:16): 1080 × 1920 pixels. This is a fixed, non-negotiable canvas. Stories and Reels fill the entire phone screen, and content built at any other ratio gets letterboxed with empty bars or aggressively cropped.
Profile picture: Minimum 320 × 320 pixels, displayed as a circular mask. Always center your focal subject so corners can be clipped cleanly.
| Format | Aspect Ratio | Resolution | Recommended File |
|---|
| Feed Portrait | 4:5 | 1080 × 1350 px | PNG (lossless text) |
| Feed Grid-Native | 3:4 | 1080 × 1440 px | PNG (no-crop thumbnail) |
| Stories & Reels | 9:16 | 1080 × 1920 px | PNG / MP4 (tall) |
| Feed Classic | 1:1 | 1080 × 1080 px | PNG / JPG |
The Safe Zone Problem (Where Most Mockups Go Wrong)
Every Instagram format has UI elements that sit on top of your content, and a mockup that ignores this will look fine in your design tool and then get partially covered the moment it's actually viewed in the app.
1. Stories and Reels Safe Zones (1080 × 1920)
For Stories and Reels, the
top roughly 250 pixels are covered by the profile photo, username, timestamp, and close button. The
bottom roughly 250 to 340 pixels are covered by the reply bar, send button, and the interactive stickers zone.
Rule of Thumb: This leaves an active vertical safe zone of approximately 1080 × 1420 pixels in the vertical center. Anything critical - text, CTAs, logos, or price indicators - must live inside this central zone. Background imagery can extend to the edges, but never place readable information there.
2. Grid-Crop Safe Zones (Profile Feed)
For feed posts, the safe zone concern is tied to the grid thumbnail crop rather than active UI overlays. Instagram's profile grid now displays at a
3:4 ratio rather than the older square thumbnail.
A 4:5 (1080×1350) cover image gets cropped roughly 6 percent from the top and bottom when shown in someone's profile grid.
A 1:1 (1080×1080) image gets cropped a more aggressive 13 percent from top and bottom in that same grid view.
A 3:4 (1080×1440) image displays uncropped on the grid, since it already matches the grid's native ratio.
Practical takeaway: If your cover image carries an important headline or hook near the top or bottom edge, either keep it strictly centered or design specifically with the grid crop in mind.
Choosing the Right Format for the Content You Have
Not every type of content fits every Instagram format equally well, and matching the format to the content matters more than defaulting to whatever you used last time.
A single strong quote or review: Feed post, portrait (1080×1350). One piece of social proof deserves the full vertical screen real estate a portrait post provides, and it earns a permanent spot in your grid rather than disappearing after 24 hours.
Multiple reviews or a themed batch: Carousel. Instagram allows up to 20 slides per carousel (raised from an original 10-slide limit), though in practice, engagement consistently performs best at 8 to 10 slides. Fewer slides lose volume impact; more slides drop in completion rates unless they specifically reward a long swipe-through. A carousel built from five customer reviews (Cover slide + Four review cards + CTA close) is one of the most high-performing organic structures on the platform because it generates massive dwell time.
A reaction to something that just happened: Stories. Stories have lower pressure on visual polish since they disappear in 24 hours. However, save your best ones to a permanent *Story Highlight* so new profile visitors see an ongoing record of social proof on day one.
Video or motion content with a review overlaid: Reels. Render the review or testimonial text as a clean overlay graphic on top of your footages, keeping inside the same 1080 × 1920 safe zone boundaries as standard Stories.
Color, Compression, and the Details Most People Skip
Getting the pixel dimensions right solves most of the interface collision bugs, but minor export details determine whether your mockup looks crisp or blurry once published.
1. The Color Space Shift
Color space matters more than most creators assume. Always build and export in
sRGB, not CMYK. CMYK is a print color model; because phones display RGB light, CMYK colors shift dramatically once processed through Instagram's compression pipelines. A rich, saturated navy blue designed in CMYK often arrives looking washed out and gray in the actual feed.
2. Lossless Text Rendering (PNG vs. JPG)
Use JPG specifically for high-density photography where file size constraints matter.
Use PNG for any design carrying text, vector lines, or mockups. PNG's lossless compression keeps typography lines sharp, preventing the fuzzy "mosquito" artifacts that JPG introduces around dark letters on light cards.
3. Upscaling Degrades Quality
Never design graphics below
1080px wide. While Instagram accepts smaller uploads, its system automatically upscales low-res assets, blurring details on modern high-DPI smartphone displays.
A Workflow for Turning a Review Into a Properly Sized Mockup
To maintain clean brand authority and eliminate guess-work, use this 6-step workflow for every review post:
Decide the format first: One long review with a rich story? Portrait feed post. A collection of several customer logs? Carousel. A fast, casual mention? Story.
Set your canvas proportions: Target 1080 × 1350 for portrait, 1080 × 1080 for square, or 1080 × 1920 for tall Stories.
Establish your guidelines: Draw temporary safety guides at 250px from the top/bottom for tall formats to make sure text is locked into safe zones.
Enforce robust color contrast: Ensure a minimum 4.5:1 contrast ratio. It makes reviews highly readable and stops active scrollers in their tracks.
Use legible type scaling: Set body text no smaller than 28 to 32px on a 1080px wide canvas. Any smaller, and the text becomes unreadable when rendered on small phone feeds.
Export as PNG-24: Check the rendered file on your actual phone to confirm contrast balances, scale-ratios, and visual comfort.
Why a Dedicated Mockup Tool Beats Manual Resizing
Manually adjusting these specs in Figma or Canva every time is a slow bottleneck. It means drawing safe zones, checking ratios, nudging text boxes, and redesigning for multiple screens again and again. It simply does not scale.
A professional review generator like Postworthy bakes these dimensions, safe-zones, and color-spaces directly into the layout. All you do is paste your review, tweak your look and feel, and click export.
Postworthy turns any customer review, quote, or testimonial into a properly sized, platform-accurate Instagram graphic, feed post, Story, or carousel slide, in under a minute. Every layout already accounts for safe zones, grid cropping, and contrast, so you just paste your content and export. Free, no signup, no design skills required. Try it free →