Crop Image
Crop Image
Select and crop any part of your image
- Runs in your browser
- Nothing uploaded
- No sign-up
- Free, no daily limits
- 1Add your file
- 2Choose settings
- 3Download
Drop your image here
Choose a fileClick to browse or drag and drop (JPG, PNG, WEBP) · up to 20 MB · nothing is uploaded
How to crop
Upload Image
Select any image file
Select Area
Drag to create or move selection
Download
Get your cropped image
What is Image Cropping?
Image cropping lets you select and extract a specific portion of your picture. Perfect for removing unwanted edges, focusing on a subject, or preparing images for specific aspect ratios like Instagram posts or ID photos.
100% Private: Your images are processed entirely in your browser. Nothing is uploaded to any server - your files stay on your device.
Last updated
Crop Image lets you drag an interactive selection box over any photo to extract an exact rectangular area directly in your browser. Move the box by dragging its center, adjust edges with corner handles, or click outside the current boundary to create a fresh crop box. A built-in three-by-three composition grid helps you balance focal points and align horizon lines as you adjust your frame.
The tool includes six aspect ratio presets: Free, 1:1 Square, 16:9 widescreen, 9:16 vertical, 4:3 standard, and 35:45 Passport. Because cropping extracts existing pixel coordinates from your source image without interpolation, it never invents pixels or upsamples. If your project demands specific output dimensions rather than locked proportions, pair this framing step with Resize Image or reduce final bytes with Compress Image.
How it works
1. Upload your photo
Select or drag a JPG, PNG, or WebP photo up to 20 MB into the workspace. The file loads directly into your browser memory.
2. Choose an aspect ratio preset
Pick Free for custom rectangular framing, or lock standard proportions such as 1:1 Square, 16:9, 9:16, 4:3, or 35:45 Passport.
3. Position and resize the crop box
Drag within the highlighted box to reposition it, pull the corner handles to resize, or click outside to draw a new boundary.
4. Select output format and quality
Choose JPG for standard photos with white matte fill, PNG for lossless transparent graphics, or WebP for modern web delivery.
5. Download the cropped image
Click Crop Image to render the pixels on the internal canvas, then click Download Cropped Image to save your file.
When you'd use it
Widescreen video thumbnails and banners
Apply the 16:9 preset to extract a wide horizontal banner from a standard horizontal photo for YouTube covers or presentation slides.
Social media vertical stories and reels
Use the 9:16 preset to isolate vertical subjects from horizontal phone captures for Instagram Stories, YouTube Shorts, and TikTok clips.
Square profile pictures and avatars
Lock the 1:1 ratio to center faces or product logos for forum avatars, WhatsApp profile icons, and social media post tiles.
Government ID and exam form framing
Select the Passport preset to enforce standard 35:45 proportions, cutting away background clutter before matching portal dimensions.
How does canvas cropping affect image quality?
Browser-based cropping uses the HTML5 Canvas 2D context to copy source pixels directly from chosen coordinates using the standard drawImage function. Because the canvas dimensions match your crop box coordinates, no pixel stretching or artificial interpolation takes place. A tight crop on a low-resolution snapshot yields a smaller file with fewer pixels, since cropping only preserves data that was present in the original photograph.
Canvas export through the browser toBlob API re-encodes raster data for compressed formats. When exporting as JPEG or WebP, TryDocsy uses a high-fidelity quality setting of 0.92. For JPEG outputs, transparent pixels are composited over a solid white (#ffffff) matte to prevent dark border artifacts. Because the image is drawn onto an HTML5 canvas and re-encoded, all original camera EXIF metadata, including GPS tags and device serials, is stripped from the exported file.
| Setting | Source Dimensions | Output Dimensions | Output Format | File Size |
|---|---|---|---|---|
| Original Input | 2048 x 1536 px | 2048 x 1536 px | JPEG | 2,678,144 bytes (2615.4 KB) |
| 16:9 Preset Crop | 2048 x 1536 px | 2048 x 1152 px | JPEG (0.92) | 903,035 bytes (881.9 KB) |
Source: TryDocsy Canvas Measurement Report, checked October 29, 2026
What is the difference between aspect ratio and pixel resolution?
Aspect ratio presets like Passport (35:45) lock proportional relationships between width and height (ratio 0.7778), but they do not enforce a fixed pixel count. Cropping a 4000 x 3000 photo with the Passport preset yields approximately 2333 x 3000 pixels, while cropping an 800 x 600 snapshot yields roughly 467 x 600 pixels. Both outputs share identical proportions, yet their digital file sizes and pixel counts differ substantially.
When an online application portal demands exact dimensions such as 350 x 450 pixels alongside a 50 KB size ceiling, complete the visual framing here first. Afterward, pass the exported image through Resize Image to set exact pixel measurements, and use Compress Image if you need to hit strict upload weight limits. If your task requires isolating people from backgrounds rather than simple rectangular borders, use Remove Background instead.
When should you avoid online browser cropping?
Online browser cropping works well for individual photographs, document scans, and social graphics, but it is not built for bulk operations across hundreds of product images. If your e-commerce catalog requires batch cropping 200 product shots to fixed bounding box offsets, automated command-line scripts using ImageMagick or desktop batch software will save substantial time.
Additionally, because browser canvas rendering re-encodes images upon export, it does not provide lossless JPEG block trimming. Photographers who require lossless cropping without altering original JPEG discrete cosine transform coefficients should use specialized lossless utilities such as jpegtran.
Frequently asked questions
Does cropping an image reduce its resolution?
Cropping extracts a smaller region from your existing pixels without scaling or interpolation. The extracted area retains its original sharpness, but total image dimensions and file size decrease because surrounding pixels are discarded.
Will the Passport preset automatically set my photo to 35x45 millimeters?
The Passport preset locks the 35:45 width-to-height ratio used by standard identification documents. The actual pixel count depends on your selection size on the source photo. To reach exact passport dimensions like 413 x 531 pixels, crop here first and then resize.
Can I enter numeric pixel coordinates instead of dragging?
The editor uses visual dragging with interactive corner handles rather than numeric coordinate text inputs. The live Selection Info panel displays real-time pixel dimensions as you adjust your selection box.
Why did my transparent PNG background turn white after cropping?
If you select JPG as the output format, the canvas fills transparent sections with white because the JPEG specification cannot store transparency. Choose PNG or WebP under Output Format to preserve transparent alpha channels.
What is the minimum allowed crop selection size?
The selection box enforces a minimum threshold of roughly 5% of the image width and height to keep drag handles accessible on high-resolution photographs.
Does cropping strip private EXIF camera metadata?
Yes. Drawing the cropped region onto an HTML5 canvas and exporting via toBlob generates a fresh image stream, stripping all embedded EXIF tags, GPS locations, and camera details.