I have one photo with four products laid out together. How do I split each product into its own image?
Open the group photo once in the cropper, choose a ratio such as 1:1, place the box on the first product and download, then move the box to the next product and download again. The photo stays open between downloads, and each file is drawn straight from the original.
Why this approach works
Shooting several items together on one table saves time on lighting and styling, and gives every item the same light and background. The catch is that your store needs one image per product. The Image cropper handles that because the box can be moved and downloaded as many times as you like from the same photo.
Steps
- Open the group photo and choose the ratio your store shows product images at, such as 1:1.
- Decide on a box size that fits the largest item with a margin, and type it in the width field. One size for all makes the four images match.
- Drag the box to the first item, or type X and Y, then download.
- Move the box to the second item without changing its size and download again. Repeat until done.
- Check the files in your downloads folder and name them after the products.
A 4000 × 3000 photo with four items in two rows, at 1:1.
Typing a width of 1400: the box becomes 1400 × 1400.
The first item from X = 300, Y = 50, and the second from X = 2300, Y = 50.
The two items in the second row from Y = 1550, with X = 300 and then X = 2300.
Every file is 1400 × 1400, and each name carries that size.
File names
The tool names each file after the original with the crop size added, such as table-crop-1400x1400.jpg. When every crop has the same size the files share that name, and depending on its settings your browser may add a number to the name or ask what to do. The easiest fix is to rename each file after the product right after downloading it, before the files get mixed up.
Details worth watching
- Move the box by dragging it or with the fields, not with the handles. Dragging from inside the box moves it at its size; the handles change the size.
- If you type a position near the edge where the box does not fit, the box shrinks. In the example the largest X that fits the whole box is 2600.
- Each file is drawn from the original photo, not from the file you downloaded before it, so no quality loss builds up between downloads.
- If items sit close together, the edge of a neighbor can creep into the box. Shrink the box a little or nudge it with the arrow keys, 1 px at a time or 10 px with Shift.
- When you are done, if the files are heavy, compress them together with the Image compressor, which accepts several images at once.
Common questions
Do I need to reopen the photo for each item?
No. The photo stays open after each download; you only move the box.
Can I crop the items at different sizes?
Yes, but one size for all makes the store page look more consistent.
Does quality drop with each download?
No, because each file is drawn from the original. JPEG and WebP are saved at quality 92, PNG with no loss.