Crop image online

1. Upload your photo. Drag it onto the box above or click to browse. The full Cropper.js editor opens immediately with your image loaded.
2. Pick a shape. Choose Rectangle for a free-form crop, Square to lock a 1:1 box, or Circle for a round crop — perfect for profile photos and avatars.
3. Adjust the crop box. Drag the handles to resize, drag the center to move it, or use the exact X/Y/width/height number fields for pixel-perfect control.
4. Fine-tune the image. Rotate in 90° steps, flip horizontally or vertically, and zoom in or out until the framing looks right.
5. Choose a format and download. Export as PNG (best for circle crops with a transparent background), JPG, or WebP, then click Crop & download to save the result.

Everything happens locally using the HTML canvas API, so your photo never leaves your device and there is no file size limit imposed by a server upload.

Unlike a static image, the crop box in this editor is fully interactive: you can nudge it a pixel at a time, watch the width and height update live as you drag, and swap between shapes without starting over. That real-time feedback is what separates a proper editor from a basic “click and crop” tool — you see exactly what you're going to export before you download it, rather than guessing and re-uploading if the result comes out wrong.

A circle crop is the standard shape for profile pictures, avatars, team headshots, and app icons. Select the Circle shape chip and the crop box automatically locks to a 1:1 aspect ratio so your circle is never stretched into an oval. When you download, the tool draws the cropped square onto a new canvas, clips it with a circular path, and exports a transparent PNG — so the four corners around the circle are see-through rather than filled with white or black. That transparent PNG then drops cleanly onto any background: a website header, a Slack avatar, a business card, or a colored app icon.

If you pick JPG while circle mode is active, the tool automatically falls back to PNG for that download, because JPG has no alpha channel and would fill the transparent corners with a solid color instead of leaving them clear.

Need an exact ratio instead of a fixed shape? Use the aspect ratio chips — 1:1 for social tiles, 4:5 for Instagram portrait posts, 16:9 for video thumbnails and presentation slides, 9:16 for Stories and Reels, and 3:2 for classic photo prints.

Most crop tools only let you drag a box with your mouse, which makes pixel-perfect crops slow and fiddly. This one gives you both:

• Drag the handles on any corner or edge to resize the crop box freely, or drag from the center to reposition it without changing its size.
• Live width × height readout updates in real time above the number fields, so you always know the exact output size before you download.
• Type exact X, Y, width, and height values into the number inputs for a crop box placed and sized to the exact pixel — useful when you need to match a template or spec sheet precisely.
• Zoom in or out on the image itself (separate from the crop box) to work with fine detail or fit a wide image into the editor.

Photos taken on a phone are sometimes sideways or mirrored before you even start cropping. Use the rotate buttons to turn the image 90° left or right until it's upright, and the flip buttons to mirror it horizontally or vertically — handy for correcting a selfie or matching a logo's orientation to a template. All of these transforms apply to the underlying image, and the crop box stays live on top, so you can rotate first and then fine-tune the crop, or crop first and rotate to compare framing.

This matters more than it sounds like. Phone cameras often save a photo's pixel data in landscape orientation and attach an EXIF flag that tells viewers to display it rotated — but browser canvases and crop editors don't always read that flag the same way, which is why some photos appear sideways in one app and upright in another. Rotating manually inside the editor bakes the correct orientation directly into the exported pixels, so the cropped image looks right everywhere, in every app, on every device, regardless of how the original EXIF data was set. Flipping is useful for a different reason: it corrects text or logos that were mirrored by a front-facing camera, and it can also give you a fresh composition from the same crop box without having to redraw it from scratch.

These are starting points, not hard rules — most platforms will accept a range of sizes and re-compress the image on upload anyway. What matters more than hitting an exact pixel count is getting the aspect ratio right, since a mismatched ratio gets auto-cropped by the platform in ways you don't control. Lock the matching aspect ratio chip in the editor above, position the crop box where you want it, and the platform will almost always display the image exactly as you framed it.

The format you export to matters just as much as the crop itself:

• PNG — lossless and supports transparency, which makes it the only safe choice for circle crops, logos, and any image with see-through areas. Files are larger than JPG or WebP.
• JPG — small files with no transparency support, best for cropped photos and rectangle or square crops of photographs where a solid background is fine.
• WebP — modern format that supports transparency like PNG but compresses closer to JPG sizes, making it a strong default for web use when browser support isn't a concern.

Already have the crop you want but the file is too heavy? Run the result through our image compressor afterward to shrink it further without a visible quality loss.

Yes. Unlike most online crop tools that upload your photo to a server and process it remotely, this editor runs entirely inside your browser using Cropper.js and the HTML canvas API. The image is loaded locally, every drag, rotate, and zoom happens on your device, and the final export is generated without a single byte leaving your machine. That makes it safe to crop passport photos, client work, screenshots with sensitive data, and anything else you wouldn't want touching a third-party server. It also works offline once the page has loaded and has no file size limit beyond what your browser can handle.

There's also no account, no email address, and no watermark added to your export. Most “free” online image editors either cap you after a handful of exports, force a sign-up wall, or stamp a logo across the result unless you upgrade — this tool has none of that. You can crop one image or a hundred, one after another, without ever hitting a limit, because the processing cost is happening on your device, not on a server that fewly has to pay for per request.

• Job seekers & professionals crop a headshot into a perfect circle for LinkedIn, resumes, or a company directory photo.
• Social media managers crop the same photo into a square for Instagram, 16:9 for YouTube thumbnails, and 9:16 for Stories — all from one upload.
• E-commerce sellers crop product photos to a consistent aspect ratio so listings look uniform on Shopify, Etsy, or Amazon.
• Bloggers & content creators crop featured images and screenshots to fit a specific layout without opening a full design tool.
• Designers & developers quickly crop assets to exact pixel dimensions using the X/Y/W/H inputs instead of eyeballing a drag.
• Anyone making an avatar or profile picture uses the circle shape to get a clean round crop with a transparent background in a few clicks.

Cropping to a fixed aspect ratio before resizing keeps everything proportional — pair this tool with the aspect ratio calculator if you need to work out exact target dimensions first, or use the image resizer for social media presets after cropping.

• Start with the highest-resolution version of your photo — cropping reduces pixel count, so beginning small limits your final output size.
• For circle avatars, leave extra padding around the subject's head and shoulders before cropping so nothing important gets clipped at the edge.
• Lock an aspect ratio chip before dragging if you know the exact ratio you need — it's faster than resizing freely and then fixing proportions.
• Use the X/Y/W/H fields when a platform specifies exact pixel dimensions, such as a 400×400px avatar or a 1200×630px social share image.
• Rotate before you fine-tune the crop box — rotating after cropping can shift the framing you just set.
• Zoom in slightly before finalizing a tight headshot crop — a little breathing room around the face reads better than a crop that touches the edge of the frame.
• When exporting for the web, prefer WebP over PNG unless you specifically need maximum compatibility or the image has fine transparency detail like a soft drop shadow.
• Keep your original, uncropped file. Cropping is destructive in the sense that the pixels outside the box are discarded from the exported file — the source photo is untouched, but re-cropping wider later requires starting from the original again.

• The circle crop has square corners. This usually means the download picked JPG before the circle mask was applied — switch to PNG (or leave it on the default) and re-download; JPG cannot store a transparent background.
• The crop box won't resize past a certain point. An aspect ratio chip is likely still active. Click Free to unlock the ratio, or switch the shape back to Rectangle.
• The image looks blurry after cropping. This happens when the crop box is drawn very small on a low-resolution source image — the cropped area only ever contains as many pixels as existed in that region of the original, so cropping can't add detail that wasn't there.
• The downloaded file is larger than expected. PNG is lossless, so a busy, high-detail photo can produce a large PNG. Switch to JPG or WebP and use the quality slider, or compress the result afterward with the image compressor.