Split catalog grids
Turn a page containing many product tiles into separate image files.
About Product Flyer Splitter
Product Flyer Splitter divides a flyer or catalog image into individual product images. Choose the overall product area, set the number of columns and rows, then drag grid lines to match real product boundaries before downloading the results.
Common use cases
Prepare marketplace assets
Extract individual product panels from a promotional flyer before uploading them separately.
Create reusable crops
Use a consistent grid to divide contact sheets, menus or collage-style layouts.
How it works
1
You load the flyer or collage and define the row-and-column grid or split boundaries.
2
The browser calculates each cell against the source-image resolution.
3
Every cell is cropped into an individual image and prepared for download.
Privacy & file handling
Flyer splitting stays in the browser
The source flyer is divided locally on the device rather than uploaded to Zavilo for server-side cropping.
Limitations and important notes
- A regular grid works best when product panels have consistent spacing and alignment.
- Items that span multiple cells or irregular layouts may require manual cropping instead.
- Splitting does not detect product boundaries semantically; the result follows the grid you define.
Flyer Splitter vs Crop Image
| Feature | Workflow | Use when |
|---|---|---|
| Product Flyer Splitter | Creates many crops from one grid | A page contains repeated aligned panels |
| Crop Image | Creates one manually selected crop | You need a single irregular region |
How to use Product Flyer Splitter
- 1
Choose a JPG, PNG or WebP flyer or catalog image.
- 2
Move and resize the outer split area to exclude headers, footers or unused margins.
- 3
Set the number of columns and rows, then apply an equal grid.
- 4
Drag individual vertical and horizontal grid lines to fine-tune product boundaries.
- 5
Choose JPG or PNG and optionally reduce the maximum output size.
- 6
Download individual product images or download the complete set as a ZIP file.
Tips for better results
- Start with the closest grid layout, such as 2 columns by 4 rows, then adjust only the lines that need correction.
- Use the outer split area to remove a large flyer title before adjusting individual product rows.
- Enable normalized canvas size when the extracted products need consistent output dimensions.
Frequently asked questions
Does every product cell need to be the same size?
No. The initial grid is equal, but each internal row and column boundary can be dragged to create different product widths and heights.
Can I exclude a title at the top of the flyer?
Yes. Move or resize the outer split area so the grid begins below the title or other content you do not want.
Can all product images be downloaded together?
Yes. Every grid cell is generated as a separate JPG or PNG file and can be downloaded together in one ZIP archive.