The workflow
You addUp to 20 product photos (JPG, PNG, WebP, HEIC and more)
Branch 1
- 1
Square (1:1), cut from the centre
A square is a practical starting point for many shop grids; check the placement’s current rules, 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.
- 2
Up to 2000 × 2000 px, never enlarge
The 2000 px setting is a chosen output size, not a rule for every marketplace. Smaller photos keep their size, because enlarging adds no detail.
- 3
JPG, target 900 KB per file
JPG is widely accepted. The 900 KB target leaves headroom below a 1 MB limit if reached; check each result. Allow resize stays off, so a difficult image may miss the target rather than lose required pixels.
- 4
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
- 5
Up to 800 × 800 px, never enlarge
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.
- 6
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.
- 7
Rename files
product-01-thumb.webp…
The same numbers as the listing photos, so each thumbnail pairs with its full-size file.
You getSquare JPGs up to 2000 px, targeting 900 KB, and WebP thumbnails up to 800 px, 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.
Original2.79 MB3,872 × 2,592 px JPGListing photo491.6 KB2,000 × 2,000 px JPG, product-01.jpgThumbnail77.2 KB800 × 800 px WebP, product-01-thumb.webp 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, start with a large enough original, then raise the first resize value if needed. Raising the setting alone cannot enlarge a source while enlargement is off. Check the byte limit separately.
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 backdrop? Photograph against one and inspect the destination’s listing requirements. These crop and resize steps do not remove a busy background.
- 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.