Image Cropper

Cropping Is Not Resizing

Cropping removes pixels, resizing rescales them. A crop keeps every remaining pixel exactly as it was and simply discards what falls outside the selection. A resize touches every pixel in the image, averaging or interpolating to reach the new dimensions.

That makes cropping lossless in itself. The only quality change comes from re-encoding the result, which is why the format and quality controls matter more than the crop does. Choose PNG and the pixels you keep are bit for bit identical.

The consequence is that you cannot crop your way to a bigger image. Cropping always reduces the pixel count, so a heavy crop of a small photograph leaves you with something genuinely small, whatever you do afterwards.

Crop first, then resize. Doing it the other way round throws away resolution you were about to keep, and leaves less detail in the part you actually wanted.

How to Use the Cropper

Drop an image in, then drag. The selection starts centred at eighty percent of the image. Drag from inside it to move the whole box, and pull any corner to resize. Both work with a finger as well as a mouse, since the tool listens to pointer events rather than mouse events specifically.

Lock a ratio when the destination demands one. With a ratio active, height follows width automatically and the box is kept inside the image, which is why a corner sometimes stops moving before your pointer does.

Type exact numbers when precision matters. The four fields hold the left and top offset and the width and height in original pixels. They are the same selection the handles move, so you can rough it out by dragging and then fine tune numerically.

Choose the output format last. JPG for photographs, PNG when you need transparency or perfect fidelity, WebP when you want both smaller and lossless-capable. The quality slider is ignored by PNG because it has no lossy mode.

Which Aspect Ratio to Choose

Square, 1:1, is the safe choice for profile pictures and avatars, because almost every platform crops a circle out of the middle of a square and a square source gives them nothing awkward to work with.

16:9 is the video and screen ratio, and the right choice for anything that will sit in a widescreen container, from a presentation slide to a video thumbnail.

4:3 and 3:2 come from cameras. Most phone sensors are 4:3 and most interchangeable lens cameras are 3:2, which is also the ratio of a traditional print. Keeping the native ratio avoids cropping at all.

9:16 is the vertical video ratio used by stories, reels and shorts. Composing for it deliberately is much better than cropping a landscape photograph down to it, which usually removes most of the subject.

Composition and the Thirds Grid

The grid over the selection divides it into thirds. The long standing guideline is to place the subject on one of the lines or at one of the four intersections rather than dead centre, which usually produces a more comfortable image.

Horizons belong on a line, not in the middle. Putting the horizon on the upper third emphasises the foreground, and on the lower third emphasises the sky. Centring it splits the image into two competing halves.

Leave room in the direction of movement or gaze. A person looking left wants space on the left of the frame. Cropping tight against the direction they face feels constricted even to people who cannot say why.

The rule is a starting point, not a law. Centred composition is powerful for symmetry and for portraits that meet the viewer directly. Know it before deciding to ignore it.

What Cropping Costs in Quality

The crop itself costs nothing. Remaining pixels are copied unchanged, so a selection of a thousand pixels wide really is a thousand real pixels of the original.

The re-encode is where loss happens. Saving as JPG or WebP applies lossy compression to the result, and doing that repeatedly to the same image accumulates damage. Crop from the original rather than from a previous crop.

Heavy crops expose the sensor. Cropping to a small part of a photograph magnifies noise, softness and any camera shake, which were invisible at full size. That is a limit of the source, not of the tool.

Check the resulting pixel dimensions against the destination. A crop that leaves 600 pixels of width is fine for a thumbnail and inadequate for a page-wide banner.

Sizes Platforms Expect

Profile pictures are square and displayed small, so 400 by 400 is ample and 1000 by 1000 covers high density screens comfortably.

Link preview images follow the Open Graph convention of 1200 by 630, which is roughly 1.91 to 1. Getting this wrong produces awkward automatic cropping in previews you never see yourself.

Instagram accepts square at 1080 by 1080 and vertical at 1080 by 1350, with stories and reels at 1080 by 1920. Uploading larger simply invites the platform to recompress.

Video thumbnails are 1280 by 720, and the important content should sit away from the edges, since overlays and duration badges sit in the corners.

Cropping People Well

Do not cut at a joint. Cropping exactly at a wrist, elbow, knee or ankle looks like an amputation. Cut through the middle of a limb segment instead, which reads as a frame edge rather than a missing part.

Keep space above the head, but not much. A large gap above someone makes them appear to sink in the frame. A tight crop through the top of the hair is a deliberate and often effective portrait choice.

Remember the circular mask. Most platforms crop a circle out of a square avatar, so anything in the corners is invisible. Keep the face well inside a central circle.

Privacy and Metadata

Nothing is uploaded. The image is read locally and redrawn on a canvas, so cropping works with the network disconnected and no copy of your photograph reaches a server.

EXIF is removed as a side effect. Redrawing copies pixels only, so the camera model, capture time and the GPS coordinates most phones embed do not survive the crop. For sharing that is usually welcome.

Cropping something out does not always remove it. Cropped pixels are genuinely gone from the output here, but be aware that some editors keep the original in the file. If the reason for cropping is to hide sensitive content, verify the result rather than assuming.

Common Mistakes to Avoid

Resizing before cropping. It discards resolution in the region you were about to keep. Crop first, resize second.

Cropping a crop. Each lossy save degrades the image a little more. Go back to the original each time.

Ignoring the destination ratio. A carefully composed crop that the platform then re-crops to fit its own shape wastes the effort. Compose for the ratio that will be displayed.

Cropping too tight to leave options. Once pixels are gone they are gone. Keep the original so a different crop remains possible later.

Frequently Asked Questions