Your files never leave your device. All processing happens locally in your browser.
How do I preview my Instagram feed grid before I post?
Add photos from your device and this tool lays them out as a realistic 3-column Instagram profile grid — newest tile top-left, centre-cropped to the current 3:4 portrait thumbnail (or the classic 1:1 square). Drag tiles or use the ‘‘ › buttons to plan the aesthetic, then export a PNG. Everything runs in your browser; nothing is uploaded and it cannot post to Instagram.
True 3-column grid with newest-first, top-left ordering like the live profile
Centre-crops to Instagram’s 2026 grid thumbnail — 3:4 portrait or 1:1 square
Drag-and-drop or move buttons, checkerboard & row-of-3 guides, colour-flow strip
Add up to 36 photos plus empty placeholder slots; dim everything below the first 9
100% client-side — images use object URLs revoked on cleanup and never leave your browser
What is
Instagram Grid Preview
An Instagram grid preview (or feed planner) is a visual mock-up of how a set of posts will sit together on your Instagram profile — a 3-column grid of centre-cropped thumbnails, newest post top-left — so you can arrange them for a cohesive look before publishing. Because Instagram shows posts in reverse-chronological order and will not let you reorder them once live, planners let you drag unpublished images around to decide what to post next and in what sequence.
No. It is a layout planner only. It has no access to your Instagram account and cannot post, schedule or publish — it just previews how your grid would look.
This tool is a private visual planner, not a scheduler or an Instagram integration. It never connects to your account, never logs in, and cannot post, schedule, pin or publish anything. What it does is render the photos you add as a realistic 3-column profile grid so you can judge the aesthetic and plan the order. When the layout looks right you export a PNG to keep or share, then post the images yourself in the Instagram app. Nothing you add is uploaded — every image is handled in your browser with in-memory object URLs.
The profile grid is 3 columns and, since early 2025, thumbnails are centre-cropped to 3:4 portrait (they used to be 1:1 square). Upload at 1080×1350 (4:5) for the best result.
Instagram’s profile grid is three columns wide, and in early 2025 the thumbnails changed from 1:1 square to a taller 3:4 portrait crop. To avoid awkward cropping, upload feed posts at 1080×1350 px (4:5 portrait); posting at 1080×1440 px (3:4) matches the grid thumbnail exactly. The crop is always taken from the centre — wide photos lose their sides, tall or square photos lose their top and bottom. This tool offers both the current 3:4 and the classic 1:1 so you can preview either, but treat these specs as current best estimates because Instagram changes them without notice.
No. Every photo is loaded and cropped entirely in your browser using object URLs, which are revoked on cleanup. Nothing is uploaded, stored or sent to any server.
Privacy is structural. When you add images, the browser creates in-memory object URLs and the grid renders straight from them — there is no server, no upload, no database and no logging in the processing path, and no CDN. Those object URLs are revoked automatically when you remove a tile, reset, or leave the page, so nothing lingers in memory. The optional PNG export is composited on a local canvas and downloaded directly to your device. The tool works offline once cached, and closing the tab discards your plan. The only optional network use anywhere on the site is consent-gated advertising, which never sees your images.
Turn on the checkerboard guide to see alternating A/B tiles, or the colour-flow strip to check the palette down the feed, then drag tiles until the pattern looks right.
A checkerboard feed alternates two kinds of post (for example a photo then a quote) so the grid reads as a pattern; switch on the checkerboard guide and each tile is tagged A or B so you can slot content into the right parity. The row-of-3 guide tints each three-tile row so you can plan themed rows or a puzzle layout. The colour-flow strip blends the average colour of every tile top to bottom, revealing whether your palette transitions smoothly or clashes — a common way creators achieve a cohesive look. Drag tiles (or use the move buttons) to rearrange, and turn on ‘Focus first 9’ to concentrate on what a visitor sees above the fold. These are planning aids, not guarantees of engagement.
Detailed Explanation
📖How It Works
What an Instagram Grid Preview Does
An Instagram grid preview (or feed planner) shows how a set of posts will look together on your profile before you publish them. Instagram arranges posts in a three-column grid, newest top-left, in reverse-chronological order, and does not let you reorder posts once they are live — so creators plan the sequence in advance to keep a cohesive aesthetic. This tool renders the photos you add as that grid entirely in your browser: newest tile top-left, centre-cropped to the current thumbnail ratio, with tiny gutters, so you can judge the look and decide what to post next.
Instagram grid = 3 columns, newest post top-left, reverse-chronological
You cannot manually reorder posts on the live profile — planning happens beforehand
The tool mocks a profile header (avatar, username, bio, post count) plus the grid
Everything renders locally from the photos you add; nothing is uploaded
📋Use Cases
Who Uses It and Why
Creators, small brands and social managers use a grid preview to design a cohesive feed: alternating photo/quote checkerboards, themed rows of three, puzzle layouts that span tiles, or a smooth colour gradient down the profile. Because the first nine thumbnails are what a visitor sees above the fold when they land on a profile, planners focus on getting those first three rows right. The workflow is: add your candidate images, drag them into an order that flows, remove or swap weak shots, reserve gaps with placeholder tiles, then post them to Instagram in that planned sequence.
Common patterns: checkerboard, row-of-3 themes, puzzle feeds, colour-flow gradients
The first 9 tiles are the above-the-fold impression a new visitor forms
Placeholder slots let you plan around posts you have not shot yet
Plan order here, then publish in that order in the Instagram app
⚙️Methodology
How the Preview and Reordering Work
A small pure engine (igGridEngine.ts) handles the ordering and crop math while the React page owns the canvas and object URLs. Newly added images are prepended so the newest fills the top-left, mirroring the live profile; reorder(list, from, to) and moveBy(list, index, delta) immutably rearrange tiles for drag-and-drop and the ‘‘ › move buttons. Each thumbnail is centre-cropped with CSS object-fit: cover in the preview, and the PNG export reuses coverRect() — the same largest-centred-sub-rectangle math — to composite every tile onto a canvas at the exact aspect ratio. checkerParity() tags tiles A/B for the checkerboard guide, and sampleAverageColor() draws each image onto a tiny offscreen canvas to compute its average colour for the colour-flow strip.
reorder / moveBy give immutable drag-and-drop and up/down ordering
coverRect() centre-crops for both the live preview and the PNG export
checkerParity() drives the A/B checkerboard planning guide
sampleAverageColor() computes per-tile average colour for the flow strip
🔧Technical Details
Instagram Grid Specs (2026)
The profile grid is three columns wide. In early 2025 the thumbnail crop changed from 1:1 square to a taller 3:4 portrait, so a full-width photo now loses its sides and a square photo loses its top and bottom. To avoid unexpected cropping, upload feed posts at 1080×1350 px (4:5 portrait); posting at 1080×1440 px (3:4) fills the grid thumbnail exactly. This tool defaults to the current 3:4 crop and also offers the classic 1:1 so you can preview either. Every crop is taken from the centre, matching Instagram’s own thumbnailer.
Grid: 3 columns; thumbnails centre-cropped to 3:4 portrait since early 2025
Best upload: 1080×1350 px (4:5); 1080×1440 px (3:4) matches the grid exactly
Wide photos are cropped on the sides; square/tall on top and bottom
Both 3:4 and 1:1 previews are available; specs change without notice
⚠️Limitations
Honest Limitations
This is a layout and aesthetic planner, not a scheduler or an Instagram integration. It cannot post, schedule, pin or publish, and it has no access to your account. The grid is an approximation of the app: real thumbnails carry Instagram’s own compression, the profile can pin up to three posts and show Reels covers and highlights, and follower and post counts here are just placeholders. On the live profile, posts are fixed in reverse-chronological order — the drag-to-plan ordering here exists so you can decide your future posting sequence, not to change an existing feed. The colour-flow strip and checkerboard guides are planning aids, not predictions of engagement, and all sizes are current best estimates because platforms change them without notice.
Cannot post, schedule or access your Instagram account — preview only
Approximates the app: no pins, Reels covers, highlights or real compression
Live posts cannot be reordered; drag ordering is for planning what to post next
Guides are aids, not engagement guarantees; specs are best estimates
🔒Privacy & Security
Private by Design
Every image you add is loaded and cropped entirely on your device using in-memory object URLs — there is no server, upload, database or logging in the processing path, and no CDN in the pipeline. Those object URLs are revoked automatically when you remove a tile, reset, or leave the page, so nothing lingers in memory or on disk. The optional PNG export is composited on a local canvas and downloaded straight to your device. The tool works offline once cached, closing the tab discards your plan, and the only optional network use anywhere on the site is consent-gated advertising, which never sees your images.
Images handled via object URLs revoked on remove / reset / unmount
No server, upload, database, logging or CDN in the processing path
PNG export composited locally on a canvas and saved to your device
Works offline once cached; closing the tab discards everything
Instagram profile grid thumbnail crops (2026, current best estimates)
Crop
Ratio
Status
Best upload
What gets cropped
Portrait
3:4
Current (since early 2025)
1080×1440 px
Sides of wide photos
Square
1:1
Classic (pre-2025)
1080×1080 px
Top & bottom of tall photos
Feed post
4:5
Recommended upload
1080×1350 px
Least grid cropping
The grid is always 3 columns and centre-crops from the middle of each image. Uploading at 4:5 (1080×1350) is the common recommendation for feed posts; 3:4 (1080×1440) matches the current grid thumbnail exactly. Instagram changes these without notice — verify against your live profile.