Resize and crop product photos without distorting the product

Understand pixels, canvas size and aspect ratio, then make clear ecommerce crops from one dependable original.

A product can become misleading during a surprisingly small edit. Pulling the sides of a photograph to fit a square makes a bottle wider. Cropping a handle too closely hides part of what the customer receives. Enlarging a tiny image gives it more pixels without recovering the missing label detail.

Keep three decisions separate: how much of the photo to show, how much canvas to place around it and how many pixels the final file needs. That makes the edit easier to control and the result easier to compare with the source.

At a glance

  • Preserve the product’s proportions when resizing.
  • Add canvas when you need a different shape without cutting away the subject.
  • Check the real pixel dimensions after cropping; a PPI setting does not create screen detail.

Read width and height before editing

Open the source file’s information and record its pixel width and height. Adobe distinguishes pixel dimensions from print resolution: changing a PPI setting without resampling leaves the pixel data unchanged. Resampling adds or removes pixels. Adobe: image size, resolution and resampling.

For an online listing, start with the actual width and height. A 3,000 × 2,000 file contains six million pixels. A 1,000 × 1,000 crop from its center contains one million. That can be perfectly usable in some contexts, but the larger original’s dimensions do not automatically describe the detail left in the crop.

Choose the destination’s required or recommended dimensions before making the final crop. Keep its official requirements beside the export preset. If the current source cannot supply a useful close-up, select another original or reshoot the detail instead of treating a bigger canvas as recovered information.

Choose between cropping, canvas and resizing

EditWhat changesUseful example
CropThe visible area; material outside the crop is omitted.Remove excess table around a small product.
Canvas sizeThe space around the existing image or cutout.Place a tall bottle within a square white image.
Resize with linked dimensionsThe product and image scale proportionally.Create a smaller upload from a larger master.

Suppose you have a 2,400 × 1,600 image and need a square. Cropping to 1,600 × 1,600 removes the left and right portions. Extending the canvas to 2,400 × 2,400 adds space above and below. The better choice depends on where the product sits and whether you need the complete original framing.

With a transparent cutout, adding white canvas can be especially straightforward. Keep the product at its real proportions and create a separate flattened export. If you still have the original photographed background attached, expanding a plain canvas may leave visible seams that need a different editing approach.

Keep width and height linked

Most image editors provide a lock or chain control between width and height. Leave it linked when scaling the photograph or isolated product. If you set unrelated dimensions, a circular lid can become oval and a slim package can appear thicker than the real item.

Use a recognizable reference while checking the result: a circle, straight label edge, seam or familiar product silhouette. Compare the source and export side by side. An object can appear subtly distorted without looking obviously “wrong” on its own, especially after several rounds of layout adjustment.

Frame for recognition and detail

Begin with the whole silhouette, including the small parts that stick out. Then assess the apparent visual weight. A handle on one side may mean the most natural-looking placement differs from exact geometric centering. Keep related products consistent while leaving enough room for their individual shapes.

Look at the crop as a small thumbnail. Does the item remain recognizable? Does a thin strap disappear? Are the parts of a set separated enough to count? Return to the larger view and check whether the same crop still gives buyers a useful sense of finish and construction.

  • Preserve the complete item when the destination requires it.
  • Keep important detail away from likely thumbnail boundaries.
  • Use a consistent baseline or center for a related product family.
  • Check the destination’s actual crop after upload.

Resize deliberately from the master

Make the compositional decisions in a large master and create the destination export afterward. Repeatedly resizing a previously reduced copy makes the history harder to understand and can leave less information for the next use. Save the master separately from the delivered files.

If you need a small thumbnail and a larger gallery asset, generate both from the same approved master. Review each at its intended size. A tiny thumbnail may need simpler framing than a detail photograph, while the larger view needs genuine sharpness instead of an aggressive sharpening halo.

Inspect the downloaded file and destination

Open the final file in an ordinary image viewer. Verify dimensions, orientation and background. Inspect the perimeter for clipped pieces, then look at the label or texture at full size. Check that the filename identifies the right product and variant.

Finish by opening the actual listing or storefront. The platform may create another crop or display version. Keep a small set of approved examples with your preset so a later theme change or marketplace update can be reviewed against something concrete.

Sources and further reading

Sources reviewed October 14, 2026. Check the linked documentation and your product category before publishing.