Split a single image into a grid of tiles — 3×3 for profile mosaics or any size up to 20×20 — entirely in your browser, at full resolution.
Geek check: open DevTools → Network tab — 0 bytes of your data uploaded.
Drag and drop your image here
A grid post turns a single picture into a small mosaic across a social profile: nine square tiles that only make sense together when someone opens your profile page. This splitter cuts one image into a grid of equal pieces — the classic 3×3, a wide 3×1 banner row, or any rows-and-columns combination up to 20×20 — and packages the tiles as a ZIP, numbered in posting order so you can upload them one by one without guessing which piece goes where.
The optional edge trim shaves a small percentage from every tile's border. That counters the gaps social apps show between grid posts: trimming a percent or two makes the combined mosaic look closer to continuous once the tiles sit side by side in the app's own grid spacing.
Everything happens in your browser. The image is drawn onto a canvas at its original pixel size, sliced tile by tile from those original pixels, and bundled into a ZIP on your device — the file is never uploaded to a server, so original-resolution photos, unreleased artwork and personal pictures are all safe to split here. PNG and WebP inputs export as PNG tiles to preserve transparency; other images export as high-quality JPEG tiles.
Because the slicing uses the image's real pixels rather than a scaled preview, tiles keep the sharpness of the source. For profile grids, start from the highest-resolution version you have: a 3×3 grid divides each dimension by three, so a 3000-pixel-wide original gives you crisp 1000-pixel tiles.
In ImageGridSplitterClient.tsx, each grid cell (row r, column c) computes its exact source bounding box from the full-resolution bitmap (tileW = naturalWidth / cols, tileH = naturalHeight / rows), applies any optional Edge Trim inset (trimX = tileW * edgeTrimPct / 100), draws the sub-rectangle onto an off-screen HTML5 Canvas, and packs all encoded blobs into a single .zip download via JSZip 3.10.1.
How to verify zero-upload execution in Browser DevTools: Open DevTools (F12 -> Network), switch to Offline mode, and click Split Image & Download ZIP. Zero network requests are dispatched — all tile slicing and ZIP compression happen in local tab RAM.
| Grid Layout Preset | Source Image Dimensions | Individual Tile Resolution | Total Tiles & Combined Size | Canvas Slice + Encode Time |
|---|---|---|---|---|
| 3×3 Profile Mosaic (Classic Square) | 3000 × 3000 px (108.3 KiB) | 1000 × 1000 px per tile (0% trim) | 9 JPEG tiles (116.3 KiB / 119,075 B total) | 86.60 ms |
| 3×3 Mosaic with 1% Edge Trim | 3000 × 3000 px | 980 × 980 px inner crop per tile | 9 tiles (compensates for feed gutter spacing) | ~85 ms |
| 3×1 Profile Banner Strip | 3240 × 1080 px | 1080 × 1080 px per tile | 3 tiles (post #3 → #2 → #1 in reverse order) | ~30 ms |
Click “Select Image” or drag a JPG, PNG or WebP image onto the tool.
Set the number of columns and rows for your grid — 3×3 for a classic profile mosaic, 3 columns × 1 row for a banner strip.
Optionally adjust Edge Trim (start with 1%) if you want to compensate for the gaps a social app shows between posts.
Use the preview to confirm the cut lines fall where you want them, then press “Split Image & Download ZIP”.
Unzip the tiles and post them in the numbered order, starting from the last number so the first tile ends up at the top-left of your profile.
Building a 3×3 Instagram profile mosaic from a single poster, artwork or photo.
Splitting a wide banner into a 3×1 row that reads as one image across a profile.
Cutting a large image into tiles for printing a poster across several smaller sheets.
Dividing a map, chart or infographic into sections for a multi-image post or carousel.
Slicing textures or game assets into an even grid for further editing.
No. The image is loaded into your browser, sliced on a canvas at full resolution, and zipped on your device. No image data is sent to a server, which you can confirm by using the tool with your network disconnected after the page has loaded.
Any combination from 1×1 up to 20 columns and 20 rows. The 3×3 grid is the most common for profile mosaics, and 3×1 or 4×1 strips work well for banners.
It removes a small percentage from each tile's edges before export. Social apps display grid posts with thin gaps between them, which breaks a continuous image; trimming roughly 0.5–2% makes the combined result look tighter. Leave it at 0% if you need pixel-exact tiles.
Tiles are numbered in reading order (1 is top-left). Feeds show the newest post first, so post the highest number first and the tile numbered 1 last — then tile 1 lands at the top-left of your profile grid.
JPG, PNG and WebP images can be split. PNG and WebP sources export as PNG tiles so transparency survives; JPEG sources export as JPEG tiles at full quality.
Each tile is one grid cell of the original image, so a 3×3 split of a 900-pixel-wide photo produces 300-pixel tiles. Start from the largest version of the image you have for sharper tiles.