Custom Image Splitting: The Complete Guide to the Image Splitter
Split any image into a custom grid — drag guides to set exact ratios, give every row its own column widths, pick PNG/JPG/WebP output, and download tiles individually or as a ZIP, all in your browser.
Introduction
Whether you are building a seamless Instagram grid, slicing a panorama for a carousel, or cutting a design mockup into exportable assets, the Image Splitter gives you pixel-perfect control. Start from a preset or a simple rows × columns grid, then drag the on-image guides to set any ratio you like. Rows behave as full-width bands you can resize, and every row's column guides move independently — so one row can be two wide panels while the next is four thin slices. Everything runs locally in your browser with zero pixel loss thanks to exact fractional boundary calculations.
Step-by-Step Guide
Upload Your Image
Drag and drop any PNG, JPG, or WebP onto the upload zone. It appears instantly in the preview canvas — nothing is uploaded to a server. The header shows your filename and the original pixel dimensions.
Pick a Starting Grid
Choose one of six presets — Instagram Grid (3×3), Panorama (1×3), Diptych (1×2), Quad (2×2), Strip (1×4), or Banner (2×3) — or set your own rows and columns with the sliders (1–10 each). This lays down an even grid that you'll refine in the next step.
Drag the Guides for a Custom Layout
Drag any horizontal guide to resize a whole row band, and drag a row's vertical guides to change that row's column widths independently of the other rows. A live readout shows each segment's exact size in pixels and percent while you drag. Double-click a guide to remove it, or click 'Even grid' to snap everything back to a uniform layout.
Choose Output Format & Quality
Pick PNG for lossless tiles, or JPEG/WebP for smaller files with a 10–100% quality slider. The chosen format is applied to every tile and to the ZIP archive.
Split, Preview & Download
Click Split Image to generate the tiles. The result is a proportional mosaic that mirrors your exact cut layout — click any tile to download just that piece, or use Download ZIP to grab the whole set. Tiles are named sequentially from top-left to bottom-right, e.g. photo_tile_1.png, photo_tile_2.png.
Pro Tips & Best Practices
Don't cut through your subject: drag the guides so important faces or focal points sit comfortably inside a tile instead of on a divider line.
Give each row its own rhythm: because a row's column guides move independently, you can build a magazine-style layout — one wide hero band above a row of three even thumbnails.
Watch the live readout while dragging to match an exact aspect ratio or pixel width for a specific platform.
Start from the highest-resolution original you have — a 4000×3000 source split into a 3×3 grid still yields crisp ~1333×1000 tiles. Keep an eye on the Smallest Tile value in Output Info to avoid slices that are too small.
Need just one piece? Click a single tile in the result to download it without zipping the rest. Hit 'Even grid' anytime to reset your custom ratios.
Common Mistakes to Avoid
Frequently Asked Questions
Can different rows have different column widths?
Yes — that's the core of the custom layout. Rows are full-width bands, and each row's vertical (column) guides drag independently, so every row can have its own widths even though they all start with the same number of columns. Double-click a column guide to merge two columns within a single row.
How does the tool decide where to cut?
Each guide stores its position as a fraction of the image. When you split, those fractions are converted to exact pixel boundaries, and adjacent tiles share edges — so there are no gaps or overlaps and no pixels are lost at the seams.
Will the tiles match the original quality?
Yes with PNG output — pixel data is copied directly without re-encoding. JPEG and WebP apply lossy compression that you control with the quality slider.
Can I download tiles individually?
Yes. After splitting, click any tile in the result mosaic to download just that piece, or use Download ZIP to grab everything at once. Tiles are named sequentially so the set stays in order.
What is the maximum grid size?
The sliders go up to 10 rows × 10 columns for the starting grid, and you can fine-tune or remove guides per row from there. Very large grids on high-resolution images may take a few seconds to process in the browser.