Prepare a product photo for an online listing
By the inyourbrowser.com editorial team · Reviewed and tested September 30, 2026
This walkthrough turns a raw camera or phone photo into a clean, marketplace-ready image: square aspect ratio, at least 1080 by 1080 pixels, and under 250 KB. It works for any online store or marketplace listing template and uses three small browser tools in sequence. The whole flow takes about two minutes.
You will need
- Image cropper to lock the aspect ratio and frame the product
- Image resizer to scale the result to a standard listing size
- Image compressor to bring the file size down to a fast-loading target
Step-by-step instructions
- Crop the photo to a square: drag your source photo into the cropper and choose the 1:1 ratio from the aspect-ratio controls so the crop box stays square as you move it.
- Drag the crop box so the product fills about 80 percent of the frame, with even padding on all four sides. Centring the product keeps the listing thumbnail looking balanced.
- Export the cropped image. JPEG is fine for photos with backgrounds, PNG is better if the background is transparent.
- Resize it to 1080 by 1080 pixels: drop the exported file into the resizer, set both width and height to 1080 and click Resize. This is the safe minimum for most listing templates.
- Download the resized image, then compress the resized image: drop it into the compressor, set the quality slider to 85 and click Compress to see the output size.
- If the file is over 250 KB, lower the quality by 5 and click Compress again. Check the preview at each step so you can stop as soon as you spot any noticeable softening on the product itself.
- Download the final image and check its size and dimensions before uploading.
Expected output and how to verify
You should end with a single square image that is at least 1080 by 1080 pixels and weighs less than 250 KB. To verify, right-click the saved file and check the file properties. Width and height should be equal, the pixel dimensions should match what you set, and the file size should be in the low hundreds of kilobytes. Open the image at full size and scroll around the product, looking for any blocky compression patches near edges or fine text.
Common pitfalls
- Cropping after resizing wastes pixels. Always crop first so the resize step starts from a clean square.
- Pushing the quality slider below 60 can produce visible blockiness on smooth surfaces and product packaging. Stop at the highest setting that hits your file-size target.
- Resizing a small source upwards looks soft. If your original is less than 1080 pixels on its shorter edge, retake the photo rather than upscaling.
Variations
For a transparent-background product shot, pick PNG when you export the crop in step three and again under Format in the resizer in step four (the resizer saves JPG by default, which fills transparent areas with white), and skip the compressor: PNG is lossless, so its quality slider has no effect. If your listing template needs a rectangular hero image, set the crop ratio to 4:3 in step one (for 3:2, use Free and aim for 3:2) and pick matching pixel dimensions in step four.
Frequently asked questions
- What is the ideal size for a product photo?
- A square image of at least 1080 by 1080 pixels covers nearly every online marketplace and store template. Many platforms upscale below that, which produces a blurry result, so use 1080 as a sensible minimum.
- Why crop before resizing?
- Cropping first removes distracting backgrounds and locks the aspect ratio. Resizing a cropped image gives you predictable final dimensions and avoids extra background pixels being scaled along with the product.
- Why aim for under 250 KB?
- Files under 250 KB load quickly on slow mobile connections, improve listing page performance, and stay well within typical marketplace upload limits.
- Will compression hurt the visible quality?
- At quality 80 to 85 the difference is rarely visible at listing-page size. If you can spot artefacts on the product itself, raise the quality slider a few points and re-export.
Read next
Format and compression choices that apply to any image-for-publishing workflow.
Reviewed and tested September 30, 2026.