Image Cropper & Resizer

Cropping and resizing together

The crop box starts covering the whole image, so if you never touch the handles, this behaves as a plain resizer. Drag the handles inward to crop first, then set an output width or height — it's always applied to whatever the crop box currently contains, so cropping and resizing compose naturally instead of being separate steps. Drag inside the box to move the crop area, or focus a handle and use the arrow keys for pixel-accurate adjustments.

Crop to an aspect ratio

The ratio chips lock the crop box to common shapes: square 1:1 for avatars and product tiles, 4:3 and 3:2 for camera output, 16:9 for video thumbnails and banners. Pick a ratio and the box keeps it while you drag, so you never end up one pixel off. To create a social-sized image, choose the closest ratio, crop, then type the exact output width below — the height follows automatically, and nothing is ever stretched out of proportion.

Does cropping reduce image quality?

Cropping itself throws away pixels outside the box but leaves the remaining ones untouched at full resolution. Re-encoding is where quality can drop, and the browser's encoder is generally good: PNG is lossless, and JPEG and WebP at default settings look identical at normal viewing sizes. Scaling up is the one thing to avoid — if the output width is larger than the crop box, the extra pixels are invented by interpolation, so it is better to crop generously and downscale for a sharp result.

HEIC photos, screenshots, and other formats

iPhone photos arrive as HEIC, which this tool decodes in the browser before cropping, so dropping a straight-from-camera file works without a conversion step. Screenshots crop well too — use the 1:1 chip for a profile picture. When you are finished, the image compressor can bring the file under a size limit, and the format converter changes it to JPG or WebP if an upload form insists on one of those.