Image Crop Tool for exact ratios and pixel areas
Add a photo on the left and pick a ratio, and a crop box appears on the editing surface to the right. Drag the box into place or type exact X, Y, width and height values, then save to download only that area. Your photo never leaves the browser.
Add a photo
Drop an image here
JPG · JPEG · PNG · WEBP · AVIF · BMP · up to 20MB
Aspect ratio
Crop area (px)
Choose the area to keep
- Source
- —
- Selection origin
- —
- Output size
- —
- Estimated file
- —
Showing a sample image. Add your own photo and it takes over right away.
Result preview
Cropping happens entirely inside your browser on a canvas. Files are never uploaded, and redrawing also strips EXIF metadata such as GPS location. The quality value applies to JPG and WEBP exports; PNG stays lossless.
ready to use.
- Visible firstKeep the input and result positions clear.
- Results firstPut the main number up front and keep the process secondary.
- Less to askNo sign-up or extra information before using the tool.
How to use the image crop tool
Cropping removes the edges you do not need and keeps only the part of a photo you actually want to show. Unlike resizing, it changes what fits inside the frame, so the same picture can read very differently depending on where you cut it.
This tool processes the photo entirely inside your browser. Nothing is uploaded, so ID scans and family pictures stay on your own device. You can lock a ratio to match a required format, or type pixel coordinates to crop several photos at exactly the same spot.
When cropping is the right move
Reach for cropping when the content of the photo is fine but the framing is not. It is the fastest fix for a distracting background, a strict size requirement, or a screenshot that contains more than you want to share.
- Fitting a profile photo into a square avatar slot
- Removing props around a product so the item fills the frame
- Cutting the address bar and taskbar out of a screen capture
- Reframing a landscape shot for a vertical feed
How this tool handles your file
When you pick a file the browser reads it into memory and paints it on the editing surface. Saving redraws only the selected area onto a fresh canvas and exports that. There is no upload step, so the tool responds instantly and the original file is left untouched.
- The selection is tracked in source pixels, not screen pixels
- Zooming the preview never changes the exported resolution
- Redrawing drops metadata such as camera model and GPS coordinates
Follow the screen in order
The left column holds input and settings, the right column holds the editing surface and the result. Working top to bottom once is enough to finish a crop.
- Drop a photo on the left panel or press Choose file
- Pick Free or a locked ratio such as 1:1
- Drag the crop box on the right and pull a corner to resize it
- Type exact X, Y, width and height values when precision matters
- Choose an output format and quality, then press Save cropped image
When to lock an aspect ratio
Locking a ratio freezes the width-to-height relationship, so dragging any corner keeps the shape valid. That matters whenever the destination expects a fixed format.
- 1:1 — avatars and square thumbnails
- 4:3 — standard camera output and document images
- 16:9 — video thumbnails and slide covers
- 3:4 and 9:16 — vertical feeds and mobile full-screen art
- 21:9 — wide banners and page headers
Cropping by exact pixel coordinates
X is the distance from the left edge, Y is the distance from the top edge, and width and height define the piece you keep. Typing all four moves the box straight there, which is how you crop a batch of photos at an identical position without eyeballing each one.
- Values are source pixels, independent of the on-screen zoom
- If X plus width exceeds the source width the box is pulled back inside
- With a ratio locked, changing width recalculates height for you
Choosing an output format and quality
Keep original returns the same format you supplied. Switching format lets you trade file size against fidelity and transparency support.
- JPG — small files for photographs, but transparency turns black
- PNG — lossless and keeps transparency, so quality has no effect
- WEBP — smaller than JPG at similar fidelity and supports transparency
- Quality runs from 40 to 100; 80 to 90 suits most photographs
A worked example
Say you need a square avatar from a 1920 by 1080 photo. Choosing 1:1 locks the box to a square, and because the height is 1080 the largest possible crop is 1080 by 1080.
- Type 420 for X and 0 for Y so the face sits in the middle
- Type 1080 for width; the locked ratio sets height to 1080 as well
- Leave the format on JPG with quality 88 and save
- The export is 1080 by 1080 and the original file is unchanged
Common mistakes
When the result is not what you expected it is usually one of these four. Checking the preview and the output size figure before saving avoids a second attempt.
- Reading the on-screen box size as the export size — trust the output size value
- Saving a transparent PNG as JPG and getting a black background
- Leaving a ratio locked after you no longer need it
- Cropping very small and enlarging later, which looks soft
Check before you save
For anything you have to submit or upload, walking this list once catches most rejections.
- Does the output size meet the pixel minimum the destination asks for?
- Is the face or main subject clipped at an edge?
- Do you need transparency, or is a solid background fine?
- Is the format restricted? Plenty of portals still accept JPG only
- Does the preview show unwanted tilt or leftover margin?
Crop, resize and compress are not the same
All three can shrink a file, but they solve different problems. Running them in the wrong order costs quality twice.
- Cropping changes the framing — what is inside the picture
- Resizing changes the dimensions — the same picture, larger or smaller
- Compressing changes the file size while framing and dimensions stay
- Crop first, then resize, then compress
Frequently asked questions
Is my photo uploaded to a server?
No. Every step from picking the file to saving happens inside the browser on your own device. As long as the page is already open, cropping keeps working even without an internet connection.
Does cropping reduce image quality?
The selected area is copied pixel for pixel, so nothing is lost to scaling. Saving as JPG or WEBP does re-encode the file, so set quality to 90 or higher, or export PNG, if you want to avoid that entirely.
Which formats can I open?
JPG, JPEG, PNG, WEBP, AVIF and BMP are supported, up to 20MB per file. AVIF only opens if your browser can decode it, so convert to PNG or JPG first if the file refuses to load.
The saved file is not the size I typed.
The crop box snaps to whole pixels, so fractional values are rounded. If X plus width would run past the source edge the box is pulled back inside. The output size value on the left is always what will be exported.
With a ratio locked, which side gets cut?
The longer side shrinks to satisfy the ratio. On a wide photo, choosing 1:1 narrows the left and right edges first. You decide what survives by dragging the box sideways.
My transparent PNG came out with a black background.
The output format was set to JPG, which cannot store transparency and fills those pixels with black. Choose PNG or WEBP to keep the transparent areas.
Does it work on a phone?
Yes. On narrow screens the editing surface moves above the settings, and you can drag the crop box with a finger and pull the corners to resize. When you need exact numbers, typing the coordinates is faster than dragging.
What happens to the location data in my photo?
The result is a freshly drawn canvas image, so EXIF data from the original does not survive. Camera model and GPS coordinates are gone, which makes this a reasonable step before posting online.
Can I crop several photos at once?
This tool is built for cropping one photo precisely, so it works on a single file at a time. If you need to change the dimensions of many photos together, the image resizer handles batches and ZIP export.
References
Official documentation for the browser features this tool relies on.