Image Cropper
Crop photos and avatars with interactive handles, locked aspect ratios (1:1, 16:9, 4:3), circle mask, and zero-loss export.
560 × 420 px
Source: 800 × 600 px
What is Image Cropper?
Cropping removes unnecessary framing, corrects composition, and reframes photos to meet strict social media and avatar aspect ratio requirements. Our Image Cropper provides interactive crop bounding boxes with preset ratios (1:1, 16:9, 4:3, 9:16), circular avatar masks, rotation, and mirror flipping in client-side browser memory.
Designed for accuracy, speed, and privacy, this tool runs entirely on your local device with zero network latency.
How to Use the Image Cropper
- 1Upload an image file (JPG, PNG, or WebP) from your device.
- 2Select an Aspect Ratio Preset (Freeform, 1:1 Square, 16:9 Landscape, 4:3, 9:16 Story) or toggle the Circular Mask.
- 3Drag and resize the interactive crop box over the specific area of the photo you wish to keep.
- 4Optionally rotate (90° increments) or flip horizontally/vertically, then export your cropped image.
Formula & Calculation Logic
Extracts precise pixel coordinates from the source bitmap and renders the selected sub-rectangle onto a target canvas, generating a newly bounded image asset.
Canvas Sub-region Draw: ctx.drawImage(img, cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight)Image Cropper Frequently Asked Questions
Related File & Image Tools
Explore more free tools in this category
Image Compressor
Compress PNG, JPEG, and WebP images in-browser with adjustable quality and instant size comparison.
Image Resizer
Resize image dimensions by width, height, percentage, or social media presets with aspect ratio lock.
Image Format Converter
Convert images seamlessly between PNG, JPG, WebP, BMP, and GIF formats in seconds.
Image to Base64 Converter
Encode image files directly into Base64 strings, CSS data URIs, and HTML <img> source snippets.