Image Cropper

Cropping is the process of selecting a rectangular region of an image and discarding everything outside that region. The result is a smaller image that contains only the selected portion.

This tool uses the browser's HTML5 Canvas API to perform the crop. When you click "Crop Image," the selected region is drawn onto a new canvas element at its natural pixel dimensions, then exported as a new image file. No server is involved — everything happens in your browser memory.

Aspect ratios define the proportional relationship between width and height. Locking to an aspect ratio ensures your crop stays within the specified proportions as you resize the selection, making it easy to prepare images for specific platforms without guessing.

Rule of thirds. Instead of centering your subject, position key elements along imaginary lines that divide the frame into thirds horizontally and vertically. Place the subject at an intersection of these lines to create a more dynamic, visually interesting composition.

Crop to remove distractions. If the background is cluttered or there are unwanted objects at the edges of the frame, a tight crop keeps the viewer's attention on the subject. Cropping is one of the fastest ways to improve a photo after the fact.

Crop vs. resize. Crop when you want to reframe or change the aspect ratio. Resize when you want to scale the entire image to a specific pixel dimension. Cropping removes pixels; resizing scales them. If you need a 400×400 profile picture from a landscape photo, crop first to 1:1, then resize to 400×400.

Leave room for context. Portrait crops work best with a little breathing room above the subject's head. Landscape crops benefit from foreground or sky that gives the scene depth. Avoid cropping too tightly unless that tension is intentional.