Cropping selects a rectangular region to retain. It helps remove margins, prepare a square composition or excerpt part of a screenshot. It does not simultaneously solve output dimensions and byte limits. Separate retained content, aspect ratio and final required pixels first.

5 ratio choicesArrow-key movementKeep the original

Choose the operation from the task

Task Operation Scope
Remove unwanted edges Free crop Select a rectangular region
Make a square 1:1 preset Locks the ratio, not a 200px output size
Meet exact pixel dimensions Crop, then resize Set composition before numerical sizing
Remove a background around a person A different workflow No outline detection or background removal here
Reduce dimensions while retaining the whole picture Resize Scales all contents

Continue in either direction to the resize guide or format guide. Both 400×400 and 200×200 have a 1:1 ratio.

Available presets and their meaning

Choice Width:height Note
Free Unlocked Adjust a rectangle manually
1:1 Square Dimensions depend on the source and selected region
4:3 4 divided by 3 Ratio example: 800×600
3:2 3 divided by 2 Ratio example: 900×600
16:9 16 divided by 9 Ratio example: 800×450

Those pixel pairs illustrate ratios, not 2026 platform recommendations. There is no locked 9:16 preset or numerical output-dimensions field. Integer rounding can introduce a small ratio difference at pixel boundaries.

Once your requirements are clear

Choose a ratio that retains the needed information

Choose the required aspect ratio and position the frame to retain faces, lettering and legends.

Try the ratio and crop region
Crop 640×400 to a 400×400 square, then use a separate resize step to produce 200×200
Region selection and output sizing are separate steps. Original Tools Hub diagram; select to enlarge.

Verify the workflow with a 640×400 image

  1. Select a 640×400 image in the Image Cropper and confirm its source dimensions.
  2. The initial selection in this example is 512×320. Selecting 1:1 yields a 400×400 square.
  3. Drag inside the selection to move it and use the corner handles to change its extent. Touch controls can move the region and handles on mobile.
  4. Focus the region for keyboard movement: arrows move one source pixel, Shift+arrow moves ten, within source boundaries.
  5. Choose PNG, JPEG or WebP, select Crop, inspect the result and download. Example: sample_cropped_400x400.png.

For a 200×200 deliverable, pass the 400×400 result to the Image Resizer and set width 200. That preserves different content from cutting out only a 200-pixel region of the original.

Check the exported image

Requirement Candidate Inspect
Diagram, small text or alpha PNG Lines, legends and transparent areas
Photo with a JPEG requirement JPEG White compositing and re-encoding artifacts
Destination accepts WebP Compare WebP too Saved size and appearance
Animation or high-bit-depth research originals Keep originals and use a specialized workflow Static export here does not guarantee identity

Even PNG passes through Canvas decoding, drawing and export. Simple region selection does not promise identical file-level color or metadata. JPEG/WebP quality ranges from 0.5 to 1, default 0.9; it is not a guarantee of retaining 90% of original quality.

Common failures and the next action

  • Correct ratio, wrong pixel dimensions: resize the exported crop instead of stretching it with an unlocked aspect ratio.
  • Important text or faces were cut: reposition the crop and inspect the surrounding margin before download.
  • A small crop looks blurry when enlarged: return to the original and use a larger region or higher-resolution source.
  • Output exceeds a byte limit: review dimensions and format, then compare the saved result from Image Compression if needed.

Input files are limited to 50MiB, or 52,428,800 bytes; very large decoded dimensions still depend on device capacity. Processing occurs in the browser without image upload code. Page requests, extensions and local file handling remain separate concerns.

Once your requirements are clear

Finish the composition, then set the deliverable size

Retain the original, inspect the crop dimensions and download. Continue to the resize guide and favorite the tool for the next task.

Crop the required region

Update and verification scope

On October 26, 2026 the Tools Hub editorial team compared presets, output types, file limits and controls with the implementation. The 640×400 sample verifies behavior, not a universal institutional or platform requirement. Research workflows should separately retain originals and processing conditions. Favorites retain a shortcut in the same browser, not images, inputs or synced data.

Compare the available tools and guides in the image category.

FAQ

Can I enter an exact 200×200 output here?

There is no arbitrary output-dimensions field. Crop to 1:1, download, then resize to 200×200 with the Image Resizer. Aspect ratio and pixel dimensions are separate settings.

Can it remove only the background around a person?

No. It extracts a rectangular region; it does not detect a person’s outline or remove the background.

Is there a 9:16 preset?

Available presets are free, 1:1, 4:3, 3:2 and 16:9. There is no locked 9:16 preset. If exact portrait proportions are required, use an editor that explicitly supports that ratio.

Does cropping guarantee unchanged quality?

Separate region selection from export. Canvas regenerates the image, so JPEG/WebP re-encoding, color or metadata changes can occur. Keep research originals and inspect text and lines at the final placement size.