Cropping field guide

How to crop an image to a new shape without stretching it

A crop changes composition by removing pixels; a resize changes scale. Keeping those jobs separate is the simplest way to create a square, portrait or landscape result without distorting the subject.

Choose the operation

Cropping changes the frame while resizing changes the scale

If a wide photograph must become square, proportional resizing cannot make that happen on its own. It can make the complete photograph smaller, but its width-to-height relationship remains wide. Forcing both dimensions to the same number squeezes the scene and changes the shape of faces, products and circles.

Cropping solves the shape problem honestly by selecting a square region from the source. The pixels outside that rectangle are left out of the new image. After the composition is correct, a separate resize can produce the exact final width and height required by a profile, document or publishing system.

  • Need a different composition or aspect ratio: crop first.
  • Need the same composition at fewer pixels: resize.
  • Need both a new shape and exact dimensions: crop, then resize.

Read the controls

X and Y describe where the kept rectangle begins

ResizeImg measures X from the source image's left edge and Y from its top edge. Crop width and crop height define the rectangle that remains. A larger X moves the selection to the right; a larger Y moves it downward. Every value is constrained so the rectangle cannot extend beyond the source image.

Set width and height before fine-tuning position. This keeps the target shape stable while you move it around the subject. The live overlay shows what will remain, but important details should still have a little breathing room because small screens and circular profile masks can hide pixels close to an edge.

Protect the subject

Leave intentional space around faces, products and text

A tight crop can feel strong, but cutting through hair, hands, product handles or shadows often looks accidental. Check all four edges before exporting. When the destination uses a circular avatar, keep the face and other important detail near the center because the visible corners will be removed by the mask.

Text needs extra care. A heading that fits inside a rectangular preview may be clipped later by an app's safe area. When you control the source design, use a little more margin than seems necessary. When you do not control it, choose the largest crop that preserves the complete message and remove only genuinely empty or distracting space.

Review the output

Keep the original and inspect the downloaded crop

Cropping is destructive in the exported copy: pixels outside the selection are not present in that file. ResizeImg never overwrites the original, so keep it available in case another destination needs a wider frame. Animated GIF input is handled as a still frame, which makes the crop unsuitable when animation must remain.

Open the download and confirm its pixel dimensions, composition and transparency. If exact output dimensions are also required, use Resize Image on the cropped file with the aspect-ratio lock enabled. If the target shape and requested dimensions have different proportions, revisit the crop rather than disabling the lock and stretching the result.

Technical references

Sources used for verification

These references support browser and format behavior. The practical recommendations come from testing the live ResizeImg workflow.

Use the guidance

Try it with your own image

Your file is processed in the browser and the original remains unchanged.

Open Crop ImageBrowse all image guides