Preview Your Instagram Grid
Choose 3 to 15 images, drag them into order, check the crop warnings, then download the mockup
The first image is your newest post, at the top left of the grid. Drag an image to change the order.
Profile details
See how your next posts look together on your Instagram profile before you publish. Drag the images into order, check what the 3:4 grid tiles cut off, and download a PNG mockup for your team. No upload, no watermark, no sign up
Choose 3 to 15 images, drag them into order, check the crop warnings, then download the mockup
The first image is your newest post, at the top left of the grid. Drag an image to change the order.
Profile details
100% Private, your images never leave your browser. The grid is drawn on your device, and the PNG file is made there too. Nothing is uploaded to our servers.
This tool draws an Instagram profile on an HTML canvas: a header with your username, profile photo, counts and bio, then the grid. Each tile is 3:4 (width to height), the shape of the profile grid thumbnails, and each image is cropped into its tile from the centre, as Instagram does. The preview and the PNG come from the same drawing code, so the file that you download matches what you see. The PNG is 1080 pixels wide.
There is no large download. The tool uses the font of this page (about 50 KB) and the image decoder of your browser. You can make as many mockups as you like.
Want to make on-brand Instagram posts at scale? The Bannerbear API automates it for you. With the Bannerbear Image API, you design a post template once, and each new product, listing or announcement becomes a post with your fonts, colours and photos. You can also make Instagram posts in ChatGPT from your own template.
An Instagram grid mockup is a picture of a profile page with your next posts in the grid, made before you publish them. Marketing teams use it to plan a feed, to show a client or a manager how a campaign will look, and to check that the posts look good side by side.
The profile grid now shows tall 3:4 tiles, not squares. A post that is not 3:4 is cut in the grid, even when it shows in full in the feed. This tool shows which images are cut, and by how much, before you post.
Do you want a grid mockup that updates itself each time you post? See how to create an auto-updating Instagram grid mockup.
You can make a grid mockup in about a minute. You do not need to install software or make an account.
To get this grid on Instagram, post the images in reverse order: the last image first, and the first image last. Your newest post shows at the top left of the grid, after any pinned posts.
Each grid tile is 3:4. This table shows how much of each common post shape the grid cuts when it crops from the centre.
| Post shape | Example size | Cut in the grid |
|---|---|---|
| 3:4 portrait | 1080 × 1440 | Nothing |
| 4:5 portrait | 1080 × 1350 | 6%, from the left and right |
| 1:1 square | 1080 × 1080 | 25%, from the left and right |
| 1.91:1 landscape | 1080 × 566 | 61%, from the left and right |
| 9:16 vertical (Reels cover) | 1080 × 1920 | 25%, from the top and bottom |
The common questions about the Instagram profile grid, and their answers
Yes. The tool is free, with no watermark, no sign up and no daily limit. You can make as many mockups as you like.
No. The grid is drawn in your browser, and the PNG file is made there too. Your images stay on your device.
The tiles are 3:4 (width to height), a portrait rectangle. Instagram changed the profile grid from squares to taller tiles in January 2025. Adam Mosseri, the head of Instagram, said that most of the photos and videos that people upload are vertical, so square tiles cut too much of them. The grid crops each post to the tile from the centre. The full post still shows when someone opens it.
Post them in reverse order. Your newest post shows at the top left of the grid, after any pinned posts. So post the last image of your mockup first and the first image last.
Make the image 3:4, for example 1080 × 1440 pixels. For a 4:5 or square image, keep the important parts in the centre.
Three images fill one row of the grid, and fifteen fill five rows. That is enough to plan a campaign or a few weeks of posts and see how they look together.
Yes. Add the cover image of the Reel. A 9:16 cover loses 25% from the top and bottom in the grid, so keep the title text in the middle of the cover.
JPG, PNG, WEBP and the other formats that your browser can open. Each file can be up to 40 MB (25 MB on an iPhone or iPad). The tool reads the orientation of phone photos, so a portrait photo stays upright.
Edit your images right in your browser, no upload and no watermark
Preview 3 to 15 images as an Instagram profile grid in 3:4 tiles, with crop warnings and a PNG mockup
Convert Markdown or a .md file to a PDF with real text, tables and code colours
Make a 1200x630 share image for an article, with X, Facebook and LinkedIn previews
Start a free trial with 30 API credits, no credit card required
