Crop Image

Crop Image trims any source picture down to exactly the rectangle you want to keep, whether you draw the crop freehand or lock it to a preset ratio. The drag-handle interface sits on a live preview, so you position and resize the crop box while watching the result update in real time, then export the trimmed frame as JPG, PNG or WebP.

Cropping is different from resizing. A resize scales the whole pixel grid; a crop removes pixels entirely from the edge regions and keeps the selected rectangle at full resolution. That distinction is why cropping is the right tool when you want to change the framing or shape of a photo without inventing any new image data.

Preset ratios cover the common use-cases: 1:1 for square tiles, 4:3 for classic photography, 3:2 for typical camera sensors, 16:9 for widescreen video and banners, and 9:16 for vertical stories and short-form frames. Selecting a preset constrains the crop box so its width and height always satisfy the ratio while you drag, which guarantees a compatible result without trial and error.

The original file is never modified. The crop reads the selected region from the source bitmap, redraws it as a new image, and hands that back to you as a download. The source photo on your device remains exactly as it was, and all processing takes place locally in your browser.

Because cropping removes pixels, the remaining region has a smaller pixel count than the source. A high-resolution source gives you room to crop deeply while retaining enough pixels for the final layout; a low-resolution source limits how aggressively you can trim.

Crop decisions are the fastest way to change the story an image tells. Trimming a wide scene down to a face changes the emotional center of a photo, and removing a busy background concentrates attention on the subject. Because the tool leaves the source intact, you can test several crops from the same image and keep each one as a separate file.

When you are uncertain how much to trim, crop conservatively first. A gentler crop keeps more options open because the kept region is larger and any further crop or resize can still be applied to it. A crop that is too aggressive discards pixels permanently, and those pixels cannot be recovered from the exported file.

Freeform cropping lets you draw any rectangle exactly where you want it. This is the right choice when the crop is purely about composition: removing a distracting edge, isolating one subject, or reframing a scene without a fixed target shape. The output dimensions simply match whatever rectangle you drew on the preview.

Aspect-locked cropping constrains the rectangle to a specific width-to-height relationship. Choose 16:9 and every drag keeps the box at sixteen units wide to nine units high, so the result is guaranteed to fit a widescreen canvas even if you later resize it. This eliminates the common failure where a freely drawn crop looks right on screen but turns out to be the wrong shape for the destination layout.

The trade-off is flexibility. A freeform crop can produce any shape, while an aspect-locked crop limits you to the preset ratio. When both matter, a common workflow is to crop freeform first to remove distractions, then re-crop with the ratio preset to finalize the exact shape for the destination.

• Freeform: best for composition-first crops with no fixed target shape.
• 1:1: square tiles, avatars, product grids.
• 4:3: classic photographic framing, print layouts.
• 3:2: standard camera sensor output, landscape prints.
• 16:9: widescreen video frames, YouTube covers, banners.
• 9:16: vertical stories, Shorts, TikTok frames.

The drag handles give you full control over the crop position, and the exposed region of the preview shows exactly what will survive the trim. For portraits, the crop box should usually keep the subject's eyes in the upper third of the frame. For landscapes, the horizon benefits from sitting along the upper or lower third line rather than dead center.

When a preset ratio constrains the box, you still control position. A 16:9 crop dragged low in a landscape photo keeps the lower area of the frame; dragged high, it keeps the sky. The ratio determines shape, but the placement of the box determines content, and placement is entirely yours.

Cropping to remove a distraction changes the perceived balance of an image. Removing clutter from one edge concentrates attention on the remaining subject, but removing too much can crowd the frame. Use the live preview to compare positions before exporting.

The order of operations changes the outcome. Cropping first selects the exact region you want, then resizing scales that region to the destination dimensions. This gives you complete control over the frame and produces the sharpest result because the resize works on the high-resolution crop.

Resizing first scales the entire image down, and then cropping trims from the already-scaled frame. This wastes the pixels you trimmed away during the resize and can reduce the quality of the kept region, since the resize already redrew the full image at a lower resolution before the crop removed part of it.

A common practical pattern is to crop first to establish composition, then resize the cropped result to the exact target dimensions. The crop-image tool handles the first step, and the resize-image tool completes the second. Together they replicate what many dedicated image editors call the crop-and-resize workflow.

• Crop first: select the region at full source resolution, then resize to exact dimensions.
• Resize then crop: wasted pixels and softer kept regions.
• Deep crop plus large enlargement: check that the remaining pixel count still supports the target size.

Every crop removes pixels from the frame, so the exported file is smaller in both dimensions and byte size than the source. A 16:9 crop cut from a 6000-by-4000 photo retains 4000 by 2250 pixels (9 megapixels of the original 24), and the correspondingly smaller file encodes faster and loads quicker.

The resolution that matters is the resolution of the kept region, not the source. If your layout needs a banner at 2000 pixels wide, cropping to a region smaller than 2000 pixels wide and exporting without a resize produces an undersized file. Reconstructing the target by upscaling the crop worsens softness.

When in doubt, crop first at full resolution and then use a resize step to reach the exact target dimensions. This two-step path keeps the kept region as large as possible for as long as possible.

The rule of thirds divides the frame with two horizontal and two vertical lines and suggests placing the subject at one of the four intersections. Applying it at crop time changes the perceived balance of the result without any further editing. A subject dead center feels stable and formal; a subject on a third line feels more dynamic and intentional.

For landscapes, a horizon along the upper third keeps the foreground interesting, while a horizon along the lower third favors the sky. For portraits, eyes near the upper third line tend to read better than eyes resting dead in the frame center. These positions are starting points rather than laws, but they produce reliably comfortable crops.

Because a preset ratio fixes shape while the drag position fixes content, you can satisfy the rule of thirds and a required ratio at the same time. Lock 16:9, then slide the box until the horizon or subject sits on a third line before exporting.

• Horizontal thirds read naturally: place a horizon on the upper or lower line.
• Vertical thirds suit standing subjects: line up the frame edge with the vertical lines.
• Center stays safest for avatars and square tiles where a platform crop may follow.

Level framing matters more in the final image than many realize, because a slightly tilted horizon is tolerated far less than a slightly off-center subject. When a photo has a tilted horizon, the cleanest path is to rotate the image so the horizon runs level before or after the crop; the export then reads aligned. This keeps verticals and horizontals straight in the final frame.

Perspective distortion, where tall buildings or walls appear to lean inward, is a different problem. Because cropping trims pixels rather than remapping them, the crop cannot undo keystone or barrel distortion. The practical workflow is to correct perspective with a dedicated tool first, then crop the corrected result to the final ratio so the export is both straight and correctly framed.

• Rotate a tilted horizon before cropping so verticals sit level in the export.
• Crop cannot fix keystone or barrel distortion; correct perspective before trimming.
• Level references in the source, such as a straight doorway or shelf, help you judge when the frame is straight.