Image Slicer - Grids, Cut Lines, and ZIP Export

What does this image slicer do?

This tool cuts an image into a grid of smaller tiles entirely inside your browser. Pick a quick preset like 2×2, 3×3, or 4×4, or set any row and column count up to ten each. The pieces are numbered in reading order so they upload or post in sequence, and the whole set downloads as a ZIP.

Key features

• Quick presets: 2×2 (4 pieces), 3×3 (9 pieces), 4×4 (16 pieces).
• Custom grids with rows and columns from 1 to 10 each.
• Hand-placed cut lines: add horizontal or vertical lines anywhere, drag them on the preview, double-click to remove.
• Irregular region layouts: on a base grid up to 10×10, place cells of any size — one big cell above a row of small ones, a large centre surrounded by small tiles, and so on. Six starting presets included.
• Tile shapes: square, rounded (adjustable radius), or circle, with transparency preserved in PNG and WebP.
• Shared settings for the batch plus per-image overrides when one image needs its own grid.
• Perfect tiling even when the image size is not divisible by the grid: boundaries round from exact fractions, so there are no gaps, no overlaps, and no lost edge pixels.
• Sequential naming based on the original file name, zero-padded when needed (a 4×4 slice yields name-01 through name-16) so file managers sort correctly.
• Tiles keep native resolution; nothing is scaled.
• Output to PNG, JPEG, or WebP with a quality slider.
• Live split preview showing exactly where the cuts land.
• Batch up to 100 images at once, each sliced independently.
• Per-image ZIP, one combined ZIP with a folder per image, or single-tile download by clicking its thumbnail.
• Fully local: nothing is uploaded, files stay in your browser.

How to use it

1. Drop images onto the upload area or click to browse.
2. Choose a grid preset or type your own rows and columns.
3. Watch the overlay on the preview to see where the cuts will land.
4. Press "Slice all", then grab the per-image ZIP or the combined batch ZIP.
5. Clicking any tile thumbnail saves that single piece.

When would you slice an image?

The classic use is posting a large picture as a social media grid: slicing a square photo into nine pieces lets a profile feed show it as one continuous image. Slicing also helps work around attachment size limits — four quarters of a huge scan can be far easier to send than the whole file. Designers slice sprite sheets and texture atlases into uniform cells, and teachers slice maps or posters into printable sections that reassemble at full size.

How do irregular layouts work?

Uniform grids and cut lines both produce a full rectangular matrix: every row has the same column boundaries. That cannot express a banner across the top with three small tiles underneath. The irregular mode solves it with a base grid of unit cells (up to 10×10) on which you place rectangles of any size. Drag across empty cells to create a region of any size, drag its middle to move it, drag any of its four edges or the corner handle to resize, and press × to remove it. Regions can never overlap or leave the grid, so the export stays unambiguous.

Regions do not have to cover everything. Uncovered cells are simply not exported, which is handy when you only want a few crops out of a large picture. Use "Fill remaining" when you do want the whole image split.

Why do my tiles sometimes differ by a pixel?

When the canvas size is not divisible by the grid count, exact fractional boundaries get rounded to whole pixels. The algorithm rounds every boundary from the same fraction, so widths stay within one pixel of each other and the tiles still join seamlessly — no column of pixels is duplicated or dropped.

Privacy and security

All decoding, slicing, and encoding happen locally inside your browser tab using the Canvas API. No image leaves your device, nothing is stored after you close the page, and object URLs are released when you remove files or leave.

FAQ

Can I cut a long screenshot into strips?

Yes. Set columns to 1 and rows to however many strips you want (up to 10). The pieces come out top to bottom in order.

How are the tiles named?

Each tile takes the original file name plus a number: photo.png becomes photo-1.png, photo-2.png, and so on, numbered left to right and top to bottom. When a grid produces more than nine pieces, numbers are zero-padded so sorting stays correct.

What format should I choose?

PNG is lossless and safe for screenshots, text, and hard edges. JPEG gives much smaller files for photographs but adds slight artifacts and fills transparency with white. WebP sits between the two and supports transparency.

Is there a limit?

Up to 100 images per batch and grids up to 10×10 per image. Processing runs on your device, so very large images use more memory; ordinary photos and screenshots are fine.