win-j logo
Personal Tech Blog

Image Utility

Image Cropper

Select an exact area from JPG, PNG, and WEBP images and save it as a new file. Use ratio presets, original-pixel coordinates, output quality, and transparency settings.

Private Browser Processing Process images directly in your current browser without sending or storing them on a server.
Original-Pixel Precision Drag the selection and eight handles, or enter X, Y, width, and height using original image pixels.
Format and Quality Controls Choose PNG, JPG, or WEBP with the quality, transparency, or background color that suits your use.
STEP 1

Upload an Image

Choose one JPG, PNG, or WEBP image to crop.

Privacy Your image is never sent over the network. The result is newly generated and does not include the original EXIF or location metadata.
Practical guide

Crop a photo to the right composition, then resize it

Cropping removes parts of the image; resizing changes its dimensions. Select the area you want to keep in original-image pixels. The exported image has the dimensions of that selection, so a small crop does not gain new detail.

Prepared & reviewed by
win-j
Last reviewed
2026-09-30

Who this helps

  • People preparing profile photos, product thumbnails or article banners.
  • People who need an exact rectangular selection instead of guessing with a mouse.

When to use this tool

  • Make a square profile image from a wide photo.
  • Remove extra transparent space around a logo without stretching it.

From input to a checked result

  1. 1

    Choose a JPG, PNG or WebP image of at most 40 MiB and 60 million pixels.

  2. 2

    Select a free ratio or a preset such as 1:1, 4:3, 3:2, 16:9 or 9:16.

  3. 3

    Drag the selection or enter X, Y, width and height in original-image pixels.

  4. 4

    Choose PNG/WebP to retain transparency. JPEG uses the chosen background color.

  5. 5

    Crop, inspect the result and download. If the destination requires a smaller fixed size, resize the cropped file afterward.

Example 1

A centered square

Input
Source 1600×900px; X 350, Y 0, width 900, height 900
Result
A 900×900px crop from the center.

These coordinates leave 350px outside each horizontal edge. They describe dimensions, not a guaranteed output file size.

Example 2

A 300px profile image

Input
Crop the 1600×900px source to 900×900px, then open Image Resizer
Result
Resize the square to 300×300px without changing its shape.

Setting a 1:1 ratio chooses the shape of a crop. It does not itself set the final width to 300px.

How it works

The tool constrains the selection to the original image and copies that rectangle with Canvas drawImage into a new canvas of the same width and height. It then exports PNG, JPEG or WebP. The source file is not overwritten.

Limitations

  • The selection is rectangular; it does not export a circular avatar mask.
  • Cropping does not improve sharpness or enlarge the selected region.
  • JPEG cannot retain transparency. Browser encoding can change file size, color appearance and metadata.
  • Pixels outside the crop are absent from the result, so keep the original for future edits.
Your data

The original and cropped image are processed in browser memory. This tool does not upload them to the win-j server.

Frequently asked questions

Are X and Y measured on the small preview?

No. They refer to pixels in the original decoded image. A scaled preview does not change those coordinates.

Does the 1:1 preset make a 300×300 image?

No. It makes the selection square. Crop first, then resize to the required dimensions.

Can I keep the background transparent?

Choose PNG or WebP with transparency enabled. JPEG fills transparent pixels with the selected background color.

Does cropping remove the need to check upload size?

No. Pixel dimensions and file size are separate limits. Check both in the downloaded result.