Image Cropper

The Image Cropper is a free, browser-based tool that lets you crop JPEG, PNG, and WebP images without uploading anything to a server. Whether you need to trim excess whitespace from a screenshot, cut a profile photo into a perfect circle, or extract a specific region from a larger composition, this tool handles it quickly and privately.

All cropping is performed entirely in your browser using the HTML5 Canvas API. When you upload an image it is read into memory via FileReader.readAsDataURL(), displayed on screen for visual selection, and then the selected region is drawn onto an off-screen <canvas> element using ctx.drawImage() with source-rectangle parameters. For circle crops the tool applies ctx.globalCompositeOperation = 'destination-in' together with ctx.arc() to mask the output into a circle, exporting the result as PNG to preserve transparency. No pixel data ever leaves your device.

Two crop modes are available. Rectangle mode (the default) produces a standard rectangular crop and preserves the original image format. Circle mode crops the image into an elliptical area inscribed within the selection rectangle, outputting a square PNG with transparent corners — ideal for avatars and profile pictures.

Five aspect ratio presets — Free, 1:1, 4:3, 16:9, and 3:2 — let you lock the selection to common proportions used across social media, print, and video. You can also type exact pixel coordinates into the X, Y, Width, and Height fields for surgical precision.

The interactive crop area displays a rule-of-thirds grid overlay to help you compose the crop according to classical photography guidelines. Drag the selection to reposition it, or use the corner and edge handles to resize it. The darkened overlay outside the crop region gives you a clear preview of what will be kept.

If you need to resize the cropped output, try the Image Resizer. For adjusting brightness and contrast before or after cropping, use the Image Brightness & Contrast tool. To calculate the right dimensions for a target aspect ratio, the Aspect Ratio Calculator is a handy companion.

1. Drag and drop an image onto the upload area, or click it to browse your files. Supported formats are JPEG, PNG, and WebP (max 50 MB).
2. The image appears in the editor with a default crop selection covering 80% of the image. Use the dropdown to choose Rectangle or Circle crop mode.
3. Select an Aspect Ratio preset (Free, 1:1, 4:3, 16:9, or 3:2) to lock the selection proportions, or leave it on Free for unrestricted cropping.
4. Drag inside the selection to move it, or drag the corner and edge handles to resize it. Alternatively, type exact pixel values into the X, Y, Width, and Height fields for precise control.
5. Click Crop Image (or press Ctrl+Enter) to execute the crop. The cropped preview appears on the right.
6. Review the result. If the crop is not quite right, adjust the selection and crop again.
7. Click Download to save the cropped image. Circle-mode crops are always saved as PNG to preserve transparency. Use Reset to start over with a new image.