Mr. Tools

How to

How to use Image Crop & Resize

This tool crops and resizes images in one workspace. Select the area to keep, adjust width, height, or percentage when needed, choose the output format and quality, then save the result. It works well for blog images, documents, social posts, and pre-upload resizing.

Use Image Crop & Resize
Image Crop & Resize thumbnailImage Crop & Resize thumbnail

Use Cases

When to use it

  • Cut an eye-catching blog image
  • Adjust image sizes for presentation materials
  • Keep only the necessary area before uploading
  • Crop an image area and then resize it for a required layout
  • Standardize thumbnail sizes for a consistent layout
  • Resize an image to meet an upload size limit

Capabilities

What this tool can do

  • Select a crop area by dragging
  • Set X, Y, width, and height numerically
  • Toggle resizing on or off
  • Adjust output size in px or %
  • Resize while keeping aspect ratio
  • Copy or download the edited result

Guide

How to use each screen area

Learn how to use each screen area, including settings, input, previews, results, and saving.

01 HOWTO

Load an image and choose the edit mode

Select an image in the settings pane, then decide whether to use crop, resize, or both.

Image Crop and Resize: Load an image and choose the edit modeImage Crop and Resize: Load an image and choose the edit mode

What this area does

  • Load an image from Settings > Image file
  • Turn Crop on or off
  • Turn Resize on or off
  • Locate output format and quality controls

Where to use it

01
Image file

Choose the image you want to edit in the left pane.

Image Crop and Resize: Image fileImage Crop and Resize: Image file
02
Crop

Turn Crop on when you want to remove unwanted areas.

Image Crop and Resize: CropImage Crop and Resize: Crop
03
Resize

Turn Resize on when you want to change saved width or height.

Image Crop and Resize: ResizeImage Crop and Resize: Resize
04
Output format

Choose PNG, JPEG, WebP, or AVIF for the saved image.

Image Crop and Resize: Output formatImage Crop and Resize: Output format

02 HOWTO

Adjust the crop area

Drag on the image, or enter X, Y, width, and height values to define the area to keep.

Image Crop and Resize: Adjust the crop areaImage Crop and Resize: Adjust the crop area

What this area does

  • Drag on the image to choose the area
  • Adjust X, Y, width, and height numerically
  • Clear the selection or select the whole image
  • Use the crop size as the basis for output size

Where to use it

01
Drag selection

Drag inside the Crop section to choose the area to keep.

Image Crop and Resize: Drag selectionImage Crop and Resize: Drag selection
02
Numeric selection

Enter X, Y, width, and height for exact crop control.

Image Crop and Resize: Numeric selectionImage Crop and Resize: Numeric selection
03
Output size

Check the saved width and height based on the crop area.

Image Crop and Resize: Output sizeImage Crop and Resize: Output size
04
Convert

Click Convert to generate the processed preview.

Image Crop and Resize: ConvertImage Crop and Resize: Convert

03 HOWTO

Adjust output size, format, and quality

When resize is enabled, set width and height in pixels or percent, then review aspect ratio, format, and quality.

Image Crop and Resize: Adjust output size, format, and qualityImage Crop and Resize: Adjust output size, format, and quality

What this area does

  • Set output size in px or %
  • Keep aspect ratio to avoid distortion
  • Reset to the source size when needed
  • Choose output format and quality before converting

Where to use it

01
Width and height

Enter the saved width and height in px or %.

Image Crop and Resize: Width and heightImage Crop and Resize: Width and height
02
Keep aspect ratio

Turn this on to keep the image from stretching.

Image Crop and Resize: Keep aspect ratioImage Crop and Resize: Keep aspect ratio
03
Format and quality

Choose the output format and balance appearance with file size.

Image Crop and Resize: Format and qualityImage Crop and Resize: Format and quality
04
Convert

Generate the processed preview with the current settings.

Image Crop and Resize: ConvertImage Crop and Resize: Convert

04 HOWTO

Review the processed preview and save

Check the processed preview and output summary, then copy or download the result.

Image Crop and Resize: Review the processed preview and saveImage Crop and Resize: Review the processed preview and save

What this area does

  • Check crop position and output size in the processed preview
  • Review output format, dimensions, and file size in the right footer
  • Copy or download the result
  • Adjust size, format, or quality and convert again

Where to use it

01
Processed preview

Review the cropped and resized image in the right pane.

Image Crop and Resize: Processed previewImage Crop and Resize: Processed preview
02
Copy or download

Use the preview actions or top toolbar to copy or save the result.

Image Crop and Resize: Copy or downloadImage Crop and Resize: Copy or download
03
Review format

Change output format or quality if it does not fit the destination.

Image Crop and Resize: Review formatImage Crop and Resize: Review format
04
Readjust size

Change width or height and convert again when the size is not right.

Image Crop and Resize: Readjust sizeImage Crop and Resize: Readjust size

Notes

Notes

Important points are grouped with reasons so you can make decisions before using the tool.

Check

Treat cropping and resizing as separate choices

Cropping decides what remains in the image. Resizing decides the saved dimensions. Decide whether you need one or both before processing.

Check

Keep aspect ratio to avoid distortion

When resizing, Keep aspect ratio updates the other side automatically after changing width or height.

Check

Review the processed preview before saving

Check the crop position, text readability, and quality before saving. The original image is not overwritten.

FAQ

Questions about Image Crop & Resize

Questions that make decisions easier before use are summarized first.

Can I use it on a smartphone?

Yes. It also works on smartphones, though detailed positioning and numeric input are easier on larger screens.

Is the original image preserved?

Yes. The original remains unchanged and the edited result is saved as a separate file.

Can I resize while keeping the aspect ratio?

Yes. Turn on Keep aspect ratio while resizing, then changing width or height updates the other side automatically.

Can I process multiple images at once?

This page processes one file at a time. Batch processing is not supported.

Is there a maximum output size?

Processing is limited to what the browser can handle. Very large output sizes may slow things down.

How do I avoid distortion when resizing?

Lock the aspect ratio before resizing so the original proportions are maintained.

Next guides

Related guides

Related guides are listed next so you can continue without getting lost.

How to Use Image Compression

Compress multiple images in their original format, compare size changes, and save the results.

View guide
How to Use Image Compression

How to use Image Format Conversion

Learn where to load multiple images, choose format and quality, review conversion results, download individually, download as ZIP, and convert again.

View guide
How to use Image Format Conversion

How to use Image Background Removal

Learn where to load multiple images, choose output format, select targets, remove backgrounds, review result cards, download individually, download as ZIP, and retry.

View guide
How to use Image Background Removal
Image ToolsVideo ToolsText ToolsDeveloper ToolsDesign ToolsGenerator Tools