IMG · Images tools

Image Splitter and Grid Maker

Split an image into tiles, or build a grid layout and then export each tile. The two modes solve different jobs, so choose the mode before setting rows and columns.

Split the original image

Splitter mode divides the source image directly into equal rectangles. Nothing is added around it, and the image is not placed into a new layout first.

Use Splitter when you need:

  • a panorama cut into panels
  • artwork divided into equal parts
  • a photo puzzle where edges continue from tile to tile
  • a finished composition sliced into rows and columns

The grid preset controls the tile count. 3x3 exports 9 tiles, 3x4 exports 12, and 5x5 exports 25. Custom rows and columns are available when the preset list does not match the layout.

Make a composed grid

Grid maker mode creates a master canvas before slicing it. That canvas can have square or custom tile sizes, gaps between tiles, outer padding, a solid or transparent background, and controlled image placement.

Use Grid maker when the output should be a designed grid rather than a raw slice:

  • Instagram puzzle grids with gaps
  • campaign mosaics
  • portfolio tiles
  • product layout grids
  • social tiles with a fixed module size

The Fit control decides how the source image enters the grid. Cover fills the canvas and may crop edges. Contain keeps the full image visible and may leave empty space. Stretch forces the image into the target shape and can distort it.

Rows, columns, and tile size

Rows and columns set the number of exported files. In Grid maker mode, tile size sets the pixel dimensions of each tile before the grid is sliced.

Use square tiles for Instagram-style grids and equal portfolio blocks. Use custom width and height for banners, story panels, print pieces, or layouts with fixed rectangular modules.

Gaps, padding, and background

Gap creates space between tiles. Padding creates space around the outside of the whole grid. Both are part of the composed canvas, so they only apply in Grid maker mode.

Choose a background color when the spaces should be visible. Choose transparent background when the tiles will be placed over another design later. Export transparent results as PNG because JPEG cannot keep alpha transparency.

Position, zoom, and bleed

The anchor grid controls where the image sits inside the composed canvas. Use it when a face, product, logo, or text block should stay away from a cropped edge. Zoom refines that framing in Cover and Contain modes.

Bleed adds extra pixels around each exported tile. A 0px bleed gives exact tile edges. A small bleed gives safer overlaps for print trimming, design mockups, or tile systems that may reveal thin seams.

Batch export

Each image gets a preview card with tile labels when labels are enabled. You can inspect a larger preview, include or exclude files, download one image as a ZIP, or export all selected images into one ZIP archive.

Large source files and dense grids create many canvases, so very large batches may slow the tab. Export a smaller set first when working with high-resolution images.

Frequently Asked Questions

Splitter cuts the original image directly into equal rows and columns. Grid maker builds a new canvas first, so you can add tile gaps, outer padding, custom tile size, fit, zoom, position, and background.

You can import JPEG, PNG, and WebP images. Transparent grid backgrounds should be exported as PNG when the alpha channel matters.

No.

Yes. Use a `3x3`, `3x4`, or custom grid, set square tiles, add gaps or padding in Grid maker mode, then download the tiles as a ZIP.

Bleed adds extra pixels around each exported tile. It helps when tiles may need slight overlap for print, mockups, or layouts where visible seams would be a problem.

Yes. Add several images, include or exclude each one, download one image as its own ZIP, or export all selected tiles together.

Explore Our Tools

Browse all tools