Instagram Story Generator
Design a 9:16 story frame with your photo or a gradient, and export it full size.
About the Instagram Story Generator
Stories are 1080 by 1920 pixels, a 9:16 ratio matching a phone screen held upright. Getting the dimensions right matters more here than for a feed post, because a story that is the wrong shape is either cropped or letterboxed and both look careless.
The safe area is the part people forget. The top and bottom roughly 250 pixels are covered by the interface — profile row and progress bars above, reply box and share controls below — so anything important placed there is obscured on a real phone even though it looked fine in the editor.
The mockup shows those overlays, which is the point: it lets you check that your text sits where it will actually be readable rather than discovering the problem after publishing.
How it works
- 1
Upload a photo, or pick a gradient if you want a text-only frame.
- 2
Add your caption and username — the caption sits on a translucent plate so it stays readable.
- 3
Export at 1080×1920, the exact size Instagram expects.
Frequently asked questions
- What size is an Instagram story?
- 1080 by 1920 pixels, a 9:16 ratio. Anything else is cropped or letterboxed, and both look careless next to correctly sized stories.
- What is the safe area in a story?
- The middle portion, avoiding roughly 250 pixels top and bottom where the interface sits — profile and progress bars above, reply and share controls below. Text placed there is covered on a real phone.
- Can I mock up a multi-slide story?
- Generate each slide separately at the same dimensions. Keeping the safe area consistent across them is what makes a sequence look designed rather than assembled.
- Does this post the story?
- No. It produces images showing what stories would look like, including the interface overlays, so you can check placement before publishing anything.
- Why does my text get covered on my phone?
- Because it is inside the interface overlay zone. The editor shows the full 1080 by 1920 canvas; the app draws its own controls over the top and bottom of it.
Privacy
Everything happens locally. Your files are read by your own browser, processed on your device, and never uploaded — closing the tab is all it takes to erase them.
Related Social tools
Tweet Generator
Design a realistic tweet mockup with avatar, badge and engagement counts.
Tweet to Image
Turn tweet text into a polished image on a gradient backdrop, ready to share.
Instagram Post Generator
Build an Instagram feed post mockup with your own photo, caption and counts.
Instagram DM Generator
Create an Instagram direct-message mockup with gradient bubbles.