Image Tools

Image Cropper


Crop any image with a draggable, resizable crop box, lock aspect ratios, rotate or flip, then export to PNG, JPEG, or WebP — free and fully in your browser.

100% private. Your image is cropped entirely inside your browser with the Canvas API. Nothing is uploaded, stored, or sent to any server.

Click to upload or drag & drop

PNG, JPEG, WebP, GIF or BMP — nothing leaves your device

The Image Cropper is a free online tool that lets you crop any picture directly in your browser: drop in an image, drag a resizable crop box over the part you want to keep, optionally lock an aspect ratio, then export the cropped region as a PNG, JPEG, or WebP file. Every step runs locally with the HTML Canvas API, so your photo is never uploaded to a server — it stays private on your device.

How to crop an image online

  1. Drag and drop a photo onto the upload area, or click to browse for a PNG, JPEG, WebP, GIF, or BMP file.
  2. Drag the crop box to reposition it, or pull any of the eight handles to resize the selection.
  3. Pick an aspect ratio preset — Free, 1:1, 4:3, 16:9, 3:2, or 9:16 — or type exact pixel dimensions into the width and height fields.
  4. Rotate the image 90° left or right, or flip it horizontally or vertically, if you need to straighten or mirror it first.
  5. Choose your output format and quality, then click Crop & Download to save the result.

What does an image cropper do?

Cropping removes the outer edges of an image to change its composition, framing, or shape without redrawing the picture. Unlike resizing, which scales the whole image up or down, cropping keeps the original pixel density and simply discards the parts outside your selection. That makes it the right tool when you want to cut out a distracting background, focus attention on a subject, or reshape a photo to fit a specific slot like a profile picture or a banner.

If your goal is to change the overall pixel dimensions rather than the framing, reach for the Image Resizer instead, which scales the full picture while preserving its content.

Why crop images in your browser?

  • Total privacy: the file is read and processed entirely client-side, so nothing is uploaded, stored, or shared.
  • No installs or accounts: it works instantly in any modern browser on desktop, tablet, or phone.
  • Pixel-accurate control: a live dimension readout and manual width and height inputs let you hit an exact size.
  • Touch and mouse: the crop box responds to both pointer drags and touch gestures, so it works well on mobile.
  • Modern export formats: save as lossless PNG, or compressed JPEG or WebP with an adjustable quality slider.

Aspect ratio presets explained

An aspect ratio locks the crop box so its width and height stay in a fixed proportion no matter how you drag the handles. Use 1:1 for square avatars and Instagram posts, 16:9 for video thumbnails and slide covers, 4:3 for classic photo prints, 3:2 to match most DSLR sensors, and 9:16 for vertical stories and reels. Choose Free when you want to crop to any shape without a constraint. Because the tool exports the cropped region at its true source resolution, a square crop of a 4000 px photo still yields a large, sharp square rather than a shrunken thumbnail.

Rotate, flip, and fine-tune

Sometimes a photo needs a quarter turn before the crop makes sense — a portrait shot saved sideways, or a scanned document that came in upside down. The rotate buttons spin the image in 90° steps, and the flip buttons mirror it horizontally or vertically, all before you commit the crop. Each transform re-renders the canvas at full resolution, so there is no quality loss from rotating or flipping.

When to use the Image Cropper

Crop a headshot to a clean square before turning it into an icon set with the Favicon Generator, trim a screenshot down to just the region you need for documentation, or cut a hero photo to a 16:9 banner. Designers often crop a mockup and then sample its palette with the Image Color Picker, while developers may crop an asset and embed it inline using the Image to Base64 Converter. If you only need a temporary stand-in at a set size while you finish a layout, the Placeholder Image Generator creates blank dummy images on demand.

Frequently Asked Questions

Is my image uploaded to a server?

No. The entire cropper runs client-side in your browser using JavaScript and the Canvas API. Your image is read locally, cropped in memory, and downloaded straight to your device, so it is never transmitted or stored anywhere.

What image formats can I crop and export?

You can load PNG, JPEG, WebP, GIF, and BMP files. The cropped result can be exported as PNG for lossless quality, or as JPEG or WebP with an adjustable quality setting to control file size.

Does cropping reduce image quality?

Cropping itself is lossless — it keeps the original pixels inside your selection at full resolution. Quality only changes if you export to JPEG or WebP at a lower quality setting; choose PNG or a high quality value to preserve maximum detail.

Can I crop to an exact pixel size?

Yes. Beyond dragging the crop box, you can type precise width and height values in pixels, and a live readout always shows the current crop dimensions so you can match a required size exactly.

Does it work on phones and tablets?

Yes. The crop box supports touch gestures, so you can drag and resize the selection with your finger, and the interface adapts to smaller screens for cropping on the go.

What is the difference between cropping and resizing?

Cropping cuts away the outer parts of an image to change its framing or shape while keeping the remaining pixels at full resolution. Resizing scales the entire image to new dimensions. Use this cropper to reframe, and a resizer when you need to change the overall size.