Image Cropper
Crop any image to a custom area or a standard aspect ratio — 1:1 for Instagram, 16:9 for YouTube, 4:3 for presentations, or freehand for any proportion. Drag the crop handles to select exactly the area you want, then download the cropped result. Fully browser-based — your images are never uploaded to any server.
How to Use Image Cropper
- 1
Upload your image
Click the upload area or drag and drop a JPG, PNG, or WebP image. The image is loaded into the crop editor immediately.
- 2
Choose an aspect ratio or crop freehand
Select a preset aspect ratio (1:1, 16:9, 4:3, 3:2, 9:16) to constrain the crop, or choose freehand to drag any arbitrary rectangle.
- 3
Drag to position the crop area
Drag the crop handles to resize the selection. Drag inside the selection box to reposition it over the area of the image you want to keep.
- 4
Apply the crop
Click the Crop button. The image is trimmed to exactly the selected area using the Canvas API — no server required.
- 5
Download
Download the cropped image in the same format as the original, or choose a different output format.
When to Use This Tool
Quick Reference
About Image Cropper
The Image Cropper lets you precisely select and extract a portion of any image using drag-and-drop crop handles, aspect ratio presets, and manual dimension entry. Cropping is one of the most fundamental image editing operations — whether you need to remove distracting edges, reframe a subject, or cut an image to exact social media dimensions, this tool gives you full control without complex software.
Image cropping is needed for:
- Cropping photos to the exact aspect ratio required by a social media platform (1:1 for Instagram, 16:9 for YouTube thumbnails, 4:5 for Facebook posts)
- Removing unwanted borders, timestamps, or UI elements from screenshots
- Reframing a portrait to follow the rule of thirds for better composition
- Extracting a specific region of interest from a larger document or map scan
- Cutting a group photo down to a single person for a profile picture
The cropper renders the full image on an HTML5 Canvas and overlays a moveable, resizable selection rectangle. When you confirm the crop, the tool uses canvas.drawImage() with source coordinates (sx, sy, sw, sh) mapped to your selection to extract only the selected region and render it on a new canvas at the selected dimensions. The extracted region is then encoded and downloaded. This is a lossless operation for PNG output (all selected pixels are preserved exactly). For JPG output, the cropped region is encoded with your chosen quality setting.
Input formats: JPG, PNG, WebP, BMP, GIF. Aspect ratio presets: 1:1, 4:3, 3:2, 16:9, 9:16, 2:1, and freeform. Manual entry: type exact pixel dimensions for the crop area. Zoom and pan: zoom into the image to select precise crop boundaries. Rotation: rotate the crop selection 90° or enter a custom angle. Output: JPG or PNG.
All cropping runs in your browser. The image never leaves your device. No server processing, no uploads, no storage. The operation completes in under a second for most images. For related operations, consider resizing the cropped image to a specific output dimension, or using the Image Compressor to optimize the output for web sharing.
Pro Tips for Image Cropper
Use the 1:1 aspect ratio preset when cropping profile photos for any social platform — most profile pictures are displayed as squares or circles, and cropping to exactly 1:1 prevents awkward auto-cropping by the platform.
Enable the rule-of-thirds overlay in the crop tool to align your subject at the intersection points — this dramatically improves portrait and landscape composition.
When cropping to a specific pixel size (e.g., exactly 1200×628 for an OpenGraph image), type the dimensions manually rather than dragging — manual entry is pixel-perfect.
For screenshots with visible browser chrome or OS UI, crop generously — a few extra pixels of unwanted content look unprofessional in documentation and presentations.
Frequently Asked Questions
Related Image Tools
Your input is processed locally in your browser and is never stored, transmitted, or shared with any server. See our Privacy Policy.