Crop Image
Crop a JPG, PNG or WebP image to any aspect ratio, an exact rectangle, or a circle — drag the box, rotate or flip, then download. Everything runs in your browser; nothing is uploaded.
Drag an image here or click to browse
JPG · PNG · WebP · GIF · BMP · AVIF
How cropping works
When you open an image, the browser decodes it into raw pixels with createImageBitmap() and corrects its orientation. You drag a crop box over the preview; the tool maps that box from screen coordinates to the original image's pixels using a single uniform scale, then copies just that rectangle onto a new canvas with ctx.drawImage(image, sx, sy, sw, sh, 0, 0, sw, sh). Finally canvas.toBlob() encodes the result to JPEG, PNG or WebP. There is no upload and no server round-trip — the whole crop happens in your tab.
- Drag the middle of the box to move the selection; drag a corner or edge handle to resize it.
- Lock a ratio (1:1, 16:9, passport 7:9…) so the crop keeps a fixed shape while you resize.
- Rotate or flip the image first if it is sideways or mirrored, then crop.
- Circle crop masks a square selection to a circle and saves a transparent PNG.
Common photo crop sizes
| Use | Crop shape / ratio | Note |
|---|---|---|
| Indian passport / visa | 35 × 45 mm (7:9) | Head centred, light background; crop to 7:9 then resize to the portal’s pixel size. |
| US visa / OCI photo | 2 × 2 in (1:1) | Square. Face 50–69% of height. |
| Exam photo (SSC, IBPS, RRB) | 200 × 200 px (1:1) | Square crop, then compress to the KB limit. |
| UPSC photo | 300 × 300 px (1:1) | Square; max ~50 KB JPEG. |
| Stamp-size print | 2 × 2.5 cm (4:5) | Common for school / college forms. |
| Profile / avatar | Circle (1:1) | Round crop on a square selection; save as PNG to keep transparent corners. |
Aspect ratio sets the shape; the exact pixel size is a separate step — crop to the ratio here, then open the Image Resizer to set the precise width and height a form requires.
Crop, resize or compress — which do you need?
| Goal | Use |
|---|---|
| Cut away unwanted edges / change the shape (square, circle, 7:9) | This tool — Crop Image |
| Change the pixel dimensions of the whole image (e.g. → 200 × 200) | Image Resizer |
| Reduce file size by lowering quality (same dimensions) | Image Compressor |
| Hit an exact KB limit (e.g. under 50 KB) | Compress to Target Size |
Tips for a clean crop
- Pick the ratio first. Lock the shape (e.g. 1:1 for an exam photo, 7:9 for a passport) before positioning, so resizing the box can't distort it.
- Centre the subject. For ID photos, keep the head centred with a little headroom — most portals reject off-centre or tilted faces.
- Crop, then resize, then compress. Crop to the right shape here, set the exact pixels with the Resizer, then hit the KB limit with Compress to Size — this order keeps the most quality.
- Use PNG for circles and graphics. Circle crops and images with text/lines stay sharp and keep transparent corners in PNG; JPEG is best for normal photos.
- Rotate before cropping if the photo is sideways — the crop box always works on the upright image.
Frequently asked questions
- Is my image uploaded to a server?
- No. The image is decoded, cropped and re-encoded entirely in your browser with the built-in Canvas API — it never leaves your device and is never sent anywhere. That makes it safe to crop ID photos, passport pictures, signatures, scans and any private image you would not want to upload to a website.
- How do I crop an image into a circle?
- Turn on the "Circle" toggle. The crop box locks to a square and the result is masked to a circle. Because the corners outside the circle have to be transparent, a circle crop is always saved as PNG — JPEG cannot store transparency, so it would fill the corners with white. Use the PNG download for avatars and profile pictures; the transparent corners then sit cleanly on any background.
- What is the difference between cropping and resizing?
- Cropping removes the parts of the image outside your selection — it changes the composition and the pixel dimensions by cutting pixels away, but it never stretches what remains. Resizing keeps the whole image and scales every pixel up or down. They are often used together: crop to the right shape (e.g. a square or 7:9 passport ratio) first, then resize to the exact pixel size a form requires. Use the Image Resizer for the resize step and Compress to Size to hit a KB limit.
- How do I crop a photo to passport size (35 × 45 mm)?
- Click the "Passport 35×45 (India)" preset — it locks the crop box to the correct 7:9 ratio. Position the box so the head is centred with a little space above it, then crop. Millimetres only become pixels once you pick a print resolution (300 DPI ≈ 413 × 531 px for 35 × 45 mm), so after cropping to 7:9, use the Image Resizer to set the exact pixel size the portal asks for.
- Does cropping reduce the image quality?
- Cropping itself does not degrade the pixels you keep — it simply discards the ones outside the selection. Any quality change comes from the re-encode: choosing JPEG applies compression (use the quality slider), while PNG and WebP-lossless keep the kept pixels exact. For the sharpest result on photos with text or fine lines, output PNG; for the smallest file on a normal photo, JPEG at quality 85–92 is visually identical.
- Are EXIF and GPS data removed when I crop?
- Yes. Re-encoding the cropped pixels through the canvas produces a clean file with no EXIF block, so the camera model, capture time and GPS location are stripped automatically — a privacy benefit. The image is also auto-rotated to its display orientation first, so the crop matches what you see. Keep your original file if you need to preserve that metadata.