NineClip Free Tools

Image Cropper

Drag a box over the part of the picture you want to keep and download just that region as a lossless PNG.

Updated

Image ToolsPopular● Free No upload Instant

Loading Image Cropper…

Your browser is preparing the tool. It runs 100% locally.

Quick answer

Upload an image, then drag and resize a selection box over the part you want to keep. The tool uses the Cropper.js library and exports only that region as a lossless PNG named cropped.png. The selection starts at 80% of the image and cannot extend past its edges. The crop happens in your browser, and the image is never uploaded.

  • 80%starting selection
  • PNGlossless output
  • Free-formany rectangle
  • 0files uploaded

What the Image Cropper does

You see your image, drag a box to frame the part you want, and download exactly that region. The draggable, resizable selection comes from Cropper.js, a widely used open-source cropping library.

The region is saved as a PNG, a lossless format, so the pixels you selected come out exactly as they were and the crop adds no compression artefacts.

How it works

Drop or pick an image. After a moment the cropping overlay appears, with a selection box covering 80% of the picture.

Drag the box to move it and pull its handles to resize it. Cropper.js viewMode 1 keeps the box inside the image.

Click download and the tool draws the selected region onto a fresh canvas and saves it as cropped.png.

The starting box

80% of the imagestops at the edgedrag to movepull a handle to resize
The box starts at 80% of the picture and stops at the image edge.

Processing pipeline

  1. Load into the cropper. Your image opens in the Cropper.js overlay inside the browser. Nothing is uploaded.
  2. Show the selection box. An initial crop box covers 80% of the image and cannot move outside it.
  3. Frame your crop. Drag and resize the box over the exact region you want to keep.
  4. Export as PNG. The selected region is drawn to a canvas and downloaded as cropped.png.

Privacy

Cropper.js runs in your browser and your device builds the cropped PNG, so the image is never uploaded.

There is no server step and no account. The photo and the crop stay on your device.

Because the output is drawn from a canvas, the cropped PNG carries no EXIF or GPS metadata from the original.

Technical details

LibraryCropper.js (open source)
Output formatPNG (lossless)
Output namecropped.png
Initial selection80% of the image
ConstraintBox stays within the image
Aspect ratioFree-form (drag any rectangle)
ProcessingIn your browser

Standards and references

  • Cropper.js: An open-source JavaScript image cropper by Fengyuan Chen. viewMode 1 keeps the crop box inside the image, and autoCropArea 0.8 sets the initial box to 80% of the picture.
  • PNG (lossless): The crop is exported as PNG, so the selected pixels are kept exactly and the tool adds no lossy compression.

Accuracy and limits

The crop itself is lossless: the selected pixels go into a PNG with no quality loss. A PNG of a photo is larger than the same picture as JPEG, though, so if file size matters, run the result through a converter or compressor.

The output is always a PNG named cropped.png, whatever you upload, so a cropped JPEG comes out as a larger PNG.

The crop is free-form. There are no fixed aspect-ratio presets; you set the shape by dragging the box to the proportions you want.

The overlay waits for the Cropper.js library to load, so there is a short pause before you can crop. It crops at the source resolution and does not upscale.

Crop, then shrink if you need to

your imagecropcropped.pngJPG converteror compressorsmaller file
The crop is lossless, but a PNG of a photo is large. Shrink it afterwards if size matters.

Real-world uses

Trim to the subject

Cut away background or empty edges so the image shows just the part that matters.

Make a square or banner

Drag the box to the proportions you need for an avatar, thumbnail or header.

Remove an edge strip

Crop off a watermark band, letterboxing or a scanner margin along one side.

Grab a region of a screenshot

Pull one panel or detail out of a larger capture.

When it fits, and when it doesn't

Good for

  • Cropping to a region you draw yourself
  • Keeping full quality with a lossless PNG
  • Quick one-off crops without opening an editor

Not the best choice for

  • A locked aspect ratio (there are no presets here)
  • The smallest file, since a PNG of a photo is large
  • Rotating or resizing, because this tool only crops

To change the pixel dimensions, use the image resizer. To rotate, use the image rotator. To shrink the cropped PNG, run it through the image compressor or a converter.

Frequently asked questions

What format is the cropped image?
Always PNG, downloaded as cropped.png. PNG is lossless, so the pixels you selected are kept exactly, but the file is larger than the same crop saved as JPEG.
Is the crop lossless?
Yes. The selected region goes into a PNG with no lossy compression. The only cost is size, since PNG is bulkier than JPEG for photos.
Can I set a fixed aspect ratio like 1:1 or 16:9?
Not in this tool. The crop is free-form, so you set the proportions by dragging the box to the shape you want.
Does it upload my image?
No. Cropper.js runs in your browser and your device makes the crop, so the image never reaches a server.
Why is there a short delay before I can crop?
The Cropper.js library loads first. When it is ready, the cropping overlay appears over your image.
Can I crop a JPG?
Yes, you can crop any image your browser can open. The download is still a PNG, whatever the input format.
Does it resize or just crop?
It only crops. The output is the selected region at the source image's native resolution, with no upscaling.
Can I undo a crop?
Before you download, move or resize the box as often as you like. To start over from the full image, upload it again.
Can the crop box go off the edge of the image?
No. viewMode 1 keeps it inside the picture, so you cannot select beyond the image.
What library does it use?
Cropper.js, a popular open-source JavaScript image cropper. It supplies the draggable, resizable selection box.
Does it keep transparency?
Yes. PNG has an alpha channel, so cropping a transparent PNG leaves the transparent areas transparent.
Does the cropped file keep my photo's metadata?
No. The PNG is drawn from a canvas, so EXIF and GPS tags from the original are not carried into the crop.

References

The selection box comes from Cropper.js, an open-source cropping library. It starts at 80% of the picture and cannot leave its edges, and your browser saves the region as cropped.png without recompressing it.

PopularHot

Image Compressor

Compress an image to JPEG with a quality slider and watch the file size drop as you drag, in your browser.

ImageOpen Tool
PopularNo Upload

Image Resizer

Resize an image to exact pixel dimensions in your browser, with the aspect ratio locked and a lossless PNG out.

ImageOpen Tool

Image Color Picker

Upload an image and click any pixel to read its exact colour as HEX, RGB, HSL and CMYK. Click a value to copy it. The picture stays in your browser.

ImageOpen Tool
Trending

PNG to WebP Converter

Convert a PNG to a much smaller WebP in your browser, keeping transparency, at 92% quality.

ImageOpen Tool

JPG to PNG Converter

Convert a JPG to a lossless PNG in your browser. Nothing more is lost from here on, though the JPEG's existing compression stays.

ImageOpen Tool

PNG to JPG Converter

Turn a PNG into a smaller JPG in your browser. Transparent areas become white and the JPEG is saved at 92% quality.

ImageOpen Tool

Back to the Image Cropper

Your file is processed on this device and never uploaded, and there's no account to create.

Go to the tool Explore Image Tools