pngtoolskit.org
PNG and image utilities, in the browser
Say hi →

Split a PNG into Tiles

slice into N × M equal tiles · Instagram grid (3×3) · ZIP per file · batch

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

    Presets:
    no files
    Ready.

    Common grids

    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:

    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.