Image Cropper

Cropping is often the last step before an image goes out the door: a profile picture needs to be square, a thumbnail needs 16:9, and a screenshot has a timestamp or stray border that should not survive. This tool crops, rotates, and flips images entirely in the browser using the Canvas API. Because the file is read locally and never uploaded, it is safe for confidential screenshots, and it stays responsive because there is no transfer step.

How to Use

1. Drag a JPEG, PNG, or WebP onto the upload area, or click to browse. The image appears in the editor with a crop box over it.
2. Drag the center of the box to move it, or any of the eight handles to resize. Choose an aspect ratio if you need fixed proportions.
3. Rotate in 90-degree steps or flip the image, then check the live preview to confirm exactly which pixels will be exported.
4. Pick PNG, JPEG, or WebP, set the quality slider, and download the result.

Aspect Ratios and Handles

The ratio dropdown offers Free, 1:1, 4:3, 16:9, and 3:2.

Ratio	Typical use
1:1	profile pictures, avatars, product tiles
4:3	classic displays, some print and presentation layouts
16:9	video thumbnails, banners, widescreen slides
3:2	most DSLR and mirrorless photos

There are eight handles: four corners and four edge midpoints. Dragging a corner resizes both axes; dragging an edge resizes one. With a ratio locked, the other axis follows automatically, and edge handles grow the box symmetrically around the opposite edge’s center line. The box is clamped to the image bounds and keeps a 10-pixel minimum, so it cannot be dragged off the edge or collapsed to nothing.

Rotation and Flipping Behavior

Rotation and flipping are not symmetric in what they do to your crop:

• Rotating left or right by 90 degrees re-orients the image and resets the crop box to the full rotated frame. This is deliberate, because the previous coordinates would no longer map cleanly.
• Flipping horizontally or vertically keeps the same source region selected but mirrors the box position so it lines up with the flipped image. Your content stays put.
• The output size updates after rotation, since a 90-degree turn swaps width and height.

If you need to crop after rotating, do the rotation first, then drag the box on the oriented image.

A Worked Example: 4000 x 3000 to a Square Avatar

Suppose you upload a 4000 x 3000 photo and select 1:1. The box starts at full width, which would require a height of 4000, so the tool scales it down until both sides fit: the crop becomes 3000 x 3000 pixels. Drag the box left or right to choose which part of the frame becomes the square, watch the output size readout confirm 3000 x 3000, then export. If that result is too heavy for a web avatar, run it through an image compressor or resize it down; the cropper deliberately does not change the pixel dimensions.

Export Formats and Quality

• PNG is lossless and keeps transparency. Use it for screenshots, logos, and any image with an alpha channel.
• JPEG is smaller and lossy, ideal for photographs. The quality slider runs from 1 to 100 with a default of 90; transparency is flattened to black.
• WebP is efficient for the web and supports both lossy and lossless encoding depending on the browser, with the same quality slider.

The exported file is the crop region at the source image’s native pixel resolution. No resampling or scaling happens, so cropping a 4000-pixel-wide photo to half its width gives a 2000-pixel-wide result. That also means there is no way to produce a specific target size here; crop first, then resize or compress with a dedicated tool.

Choosing Export Settings

Format	Best for	Quality slider
PNG	screenshots, logos, transparency	ignored, lossless
JPEG	photographs, small web files	applies, 80 to 90 is a good default
WebP	modern web delivery	applies, supports smaller files

For photographs, a quality of 80 to 90 usually cuts the file size dramatically with no visible change at normal viewing sizes. For graphics with flat colors or sharp text, PNG avoids the ringing and blur that lossy compression introduces around edges. If a PNG is too large, try WebP before dropping to JPEG, since it can keep sharp edges and transparency at a smaller size.

Platform Crop Reference

Target	Ratio
Profile picture or avatar	1:1
Video thumbnail or cover	16:9
Classic slide or photo print	3:2 or 4:3

Check the current recommendation before publishing; platforms change their preferred dimensions, and a ratio that is right for one placement can be wrong for another. When in doubt, crop slightly wider than the final requirement and let the platform handle the last trim.

One practical note: the editor reads your file into an in-memory image, so the original on disk is never modified. Downloading the crop writes a new file and leaves the source as it was. If a crop goes wrong, reload the original and start again rather than trying to undo a sequence of drags.

Related Tools

• Image Compressor
• Image Format Converter
• Image to Base64
• Favicon Generator