Split a PNG into Tiles
Drop PNG files (or JPG) and slice each into a uniform N×M grid of equal tiles. One-click presets cover Instagram 3×3 grids and 1×3 panoramas, and a live grid overlay shows exactly where the cuts land before you slice. Also great for extracting sprite cells, tiling a panorama, or cutting a poster into printable panels. Each input file produces one ZIP of tiles named name-row x col.png, and it all runs in your browser — nothing uploads, no watermark on your tiles.
Drop image files here
Multiple files allowed · same grid applied to each
Common grids
- 3×3 Instagram grid post — pre-crop your image to 3240×3240 (3×1080) for crisp tiles. Upload 1, 2, 3 in row 1, then 4, 5, 6, then 7, 8, 9.
- 3×1 panoramic Instagram — 3240×1080.
- 2×2 four-panel print — pre-size to your paper × 2.
- 4×4 tile panorama — break a 10000×10000 image into 16 manageable parts.
- Extract sprite cells — match the N×M of the sprite sheet exactly.
Sizing your source for clean tiles
Tile size is computed as floor(width / cols) × floor(height / rows). If the source dimensions aren't evenly divisible by the grid, the right/bottom edges lose a few pixels. To avoid this:
- Use Resize to make dimensions exactly divisible (e.g. 3000 wide for 3 cols → 1000-pixel tiles).
- Or use Crop to trim to a divisible size first.
FAQ
What size should my image be for a 3×3 Instagram grid?
Use 3240×3240 (that's 1080 per tile) so each of the nine tiles is a crisp 1080×1080 square. For a 1×3 panorama, use 3240×1080. Resize or Crop to an evenly-divisible size first for clean edges.
How are the tiles named?
name-{row}x{col}.png, 1-indexed, row first. So a 2×3 grid produces name-1x1, 1x2, 1x3, 2x1, 2x2, 2x3.
Will it preserve transparency?
Yes — each tile is a PNG with alpha. Source transparency is sliced through cleanly.
How big a source can I split?
Up to your browser's memory limit. Most laptops handle 10000×10000 with ease; 20000+ can crash a tab on low-RAM machines.
Overlap between tiles?
Not supported — tiles are exact, no overlap, no padding.