Image Crop & Resize
Crop and resize images locally, with circle and ratio presets
Drop an image here, or click to choose
Supports JPEG, PNG, WebP and GIF, up to 20MB each
Last updated: 2026-10-11
About this tool
Cropping and resizing are the two most common image edits, but uploading the original to someone else’s server and fetching it back is a poor fit for ID photos, screenshots and anything sensitive. This tool uses the browser’s Canvas API to do all the work locally: crop by a free or fixed ratio (1:1, 16:9, 4:3, 3:2), or produce a circular crop; scale the output to any size; and export as JPEG, PNG or WebP with adjustable quality and background colour. Nothing touches the network, so the original never leaves your device.
Features
Six crop modes
Free crop, fixed 1:1, 16:9, 4:3 and 3:2 ratios, plus a circular crop for avatars.
Precise region control
Left, top, width and height can all be typed as pixel values — handy for aligning to an exact position.
Resize with aspect lock
Scale the output to any size, or lock the aspect ratio and change one side while the other follows.
Three output formats
Export as JPEG, PNG or WebP with adjustable quality. Choose PNG or WebP when you need transparency.
Transparency filled in
JPEG cannot store transparency, so transparent areas are filled with your chosen colour instead of turning into black blocks.
Before and after comparison
Shows the original dimensions and file size, then the new dimensions and size change.
How to use
- 1
Import an image
Drag an image onto the upload area, or click to choose one.
- 2
Choose a crop mode
Pick free, square, 16:9 and so on, or a circle.
- 3
Adjust region and size
Drag or type the position and dimensions; set the output size under scaling, locking the ratio if needed.
- 4
Set output and process
Choose format and quality, hit process, then download the result.
Options
- Crop mode
- Free, square, 16:9, 4:3, 3:2 or circle.
- Left / Top
- Pixel coordinates of the crop region’s top-left corner in the original image.
- Width / Height
- Pixel size of the crop region.
- Output size
- Pixel size of the result; lock the ratio to avoid stretching.
- Output format
- JPEG, PNG or WebP. Choose the latter two if you need transparency.
- Quality
- Compression quality for JPEG and WebP — higher is sharper and larger.
- Background colour
- Fill colour used for transparent areas when exporting JPEG.
Common use cases
- Crop a landscape photo into a 1:1 square for a social avatar
- Trim the edges off a screenshot and scale it to an exact size
- Crop an image containing a passport or contract without uploading it to a third party
- Turn a photo into a circular avatar for a forum or app
FAQ
Questions you may have about this tool
Is my image uploaded to a server?
No. The image is read into memory through the browser’s file API, and cropping and scaling are done by Canvas locally — no network requests are made. You can disconnect from the internet and the tool still works, which is an easy way to confirm this.
Why did transparent areas turn black in my JPEG?
Because the JPEG format has no way to store transparency — transparent pixels simply have no representation. This tool fills them with your chosen background colour, white by default. If your page background is white, white blends in seamlessly. To actually keep transparency, export as PNG or WebP.
My cropped image looks blurry — why?
If you scaled up, blur is unavoidable: enlarging invents no new detail, it just stretches existing pixels. If it is blurry after scaling down, check whether the quality setting is too low. Also crop before you resize — doing it in the other order loses precision.
Which image formats are supported?
Import supports anything the browser can decode, including JPEG, PNG, WebP, GIF (first frame only) and BMP. Export supports JPEG, PNG and WebP — the three formats Canvas can encode broadly.
Can I process several images at once?
The current version handles one at a time, so you can set a crop region per image. Batch cropping usually means a uniform size, so process one image to confirm the settings, then repeat for the rest.
Can I type the crop numbers?
Yes. All four values (left, top, width, height) accept typed pixel input, which suits cases where you need to align to an exact position — cutting an icon out at fixed coordinates, for example.
What is the difference between crop size and output size?
Crop size decides which part of the original you take; output size decides how many pixels that part is exported at. Equal values export as-is; smaller is downscaling (sharper and smaller files); larger is upscaling, which adds no real detail and is usually best avoided.
Is there a file size limit?
Around 20MB per file is recommended. Larger images use more memory and can get slow on low-end devices. Because everything runs on your machine, the practical limit depends on your available memory.