Image Grid Splitter
Split any image into an N×M grid of equal tiles and download them all as a ZIP file.
Drop an image or click to browse
JPEG, PNG, WebP supported
Related Image Tools
What Is Image Grid Splitter?
Image Grid Splitter divides any image into a rectangular grid of equal-sized tiles and packages them into a ZIP archive for download. Choose the number of columns and rows — from 2×2 to 10×10 — and the tool slices the image precisely, naming each tile by its row and column position. All processing is done locally in your browser; nothing is uploaded to any server.
How to Use
- Drop or select a JPEG, PNG, or WebP image
- Set Columns (1–10) and Rows (1–10) using the sliders
- Preview the grid overlay on your image
- Click Download ZIP to save all tiles in a single archive
- Tiles are named
filename_r1_c1.jpgetc.
Features
- Configurable grid — 1–10 columns × 1–10 rows
- Live grid preview overlay before splitting
- Tiles named by row and column for easy reassembly
- Batch ZIP download — one click for all tiles
- Supports JPEG, PNG, and WebP — preserves source format
- 100% client-side — no server upload required
FAQ
What happens if the image dimensions are not evenly divisible?
The tool uses Math.floor to determine tile size. A thin strip along the right or bottom edge may be excluded if the image width or height is not evenly divisible by the chosen grid size. For best results, crop your image to a multiple of the grid dimensions first.
What are common use cases?
Splitting sprite sheets for game development, creating Instagram grid layouts (3×3 or 3×4), making jigsaw puzzle pieces, extracting regions of interest from maps or diagrams, and preparing images for large-format printing in sections.
How are the tiles named in the ZIP?
Each tile is named originalname_rROW_cCOL.ext, where ROW and COL are 1-based indices. For example, the top-left tile of photo.jpg becomesphoto_r1_c1.jpg. This makes it easy to reassemble tiles in the correct order.