Prepare product photos for a shop: 2000 px listing JPGs under 1 MB, plus WebP thumbnails
Selling the same products on a marketplace and on your own site means two sets of files from every photo. Marketplaces want large, sharp photos for their zoom feature; Etsy, for example, recommends at least 2000 pixels on the shortest side and files under 1 MB. Your own shop pages load faster with small WebP thumbnails. And both are easier to manage with names like product-01.jpg than IMG_4821.HEIC. This recipe makes both sets in one run: a square crop shared by both, 2000 px listing JPGs compressed to under 900 KB each, 800 px WebP thumbnails, and numbered names. The photos never leave your device.
The workflow
You addUp to 20 product photos (JPG, PNG, WebP, HEIC and more)
Branch 1
Image Cropper
Square (1:1), cut from the centre
A square works on every marketplace grid and in most shop themes, and one shared crop keeps the listing photo and the thumbnail framed the same. Shoot with the product in the middle and some space around it, because the crop removes the edges.
Image Resizer
2000 × 2000 px, never enlarge
2000 px on every side meets the common marketplace minimum for zoom and is far below a phone original, so uploads are quick. Smaller photos keep their size, because enlarging adds no detail.
Image Compressor
JPG, each file under 900 KB
JPG is accepted by every marketplace. A per-file target keeps every listing photo under the 1 MB that Etsy recommends, with room to spare, and Allow resize stays off so the 2000 px size is kept.
Rename files
product-01.jpg, product-02.jpg…
Numbered names in input order make it easy to match files to listings, and they replace camera names like IMG_4821 that mean nothing to anyone else.
Branch 2 · continues from step 1, Image Cropper
Image Resizer
800 × 800 px
Shop grids and collection pages show products at a few hundred pixels. 800 px stays sharp on high-density phone screens while being a fraction of the listing file.
Image Compressor
WebP, quality 78
WebP is supported by current browsers and is usually much smaller than JPG at the same visual quality, which helps your own pages load. Use it on your site, not on marketplaces that ask for JPG.
Rename files
product-01-thumb.webp…
The same numbers as the listing photos, so each thumbnail pairs with its full-size file.
You getSquare 2000 px JPGs under 900 KB and 800 px WebP thumbnails, numbered
A measured run
We ran this recipe on 1 October 2026 in a Chromium-based desktop browser on a Mac, with Squoosh’s public demo photograph: a red panda rather than a product, but a typical camera JPG of 3,872 × 2,592 pixels.
The listing photo landed well under the 900 KB target, so the target only comes into play for larger or more detailed photos. The thumbnail is 16% of the listing file’s bytes. Busy textures like leaves and fur compress less well than a product on a plain background, so your files will differ.
Before you run it
Check your platform's current photo rules; they change. If a marketplace prefers 4:3 or 4:5 photos, open the Image Cropper step and choose that shape, and both outputs follow. If it asks for more pixels, raise the first resize value, and raise the size target with it.
Add the photos in the order you want them numbered. The Input pane has up and down arrows to change the order before running.
How to use the workflow
- Select Open this workflow. The editor opens with both branches connected to the square crop.
- Add your photos in the Input pane. They are read on your device; nothing is uploaded.
- Select Run workflow. Open Image Cropper to check the framing before looking at the final files.
- Use Download all for a ZIP with a folder per step, or download the two Rename files steps' results.
Adjusting the recipe
- Need a plain white background? Add Background Remover before the crop and choose White. It runs an on-device model, so the first run downloads about 46 MB once.
- A photo misses the 900 KB target? Very detailed photos can need more. Raise the target, or allow the compressor to resize.
- Photos look soft after the crop? The product filled only a small part of the frame. Crop less, or shoot closer.
Changing one step reruns only that step and the steps after it; earlier results are reused while their settings and files are unchanged.
Questions
Will this upload my product photos?
No. The workflow reads, crops, resizes, compresses and renames the photos inside your browser. Toolkitta has no upload server for files.
Why two outputs from one crop?
Marketplaces want large files for zoom; your own pages want small ones. Both come from the same square crop, so they always match.
Can I use other names?
Yes. Open a Rename files step and change the pattern; {name} keeps the original file name and {date} adds today's date.