Skip to content
CrateX.app logo

CrateX.app

Image Cropper

Image Cropper

Image Cropper supports drag selection, precise pixel input, aspect-ratio lock, rotation, flip, and multiple crop shapes for avatars, covers, and asset prep.

Drag & drop image here or click to select

Supports PNG / JPEG / WebP / AVIF / HEIC / HEIF
Image Cropper

Quick Start

1
Import image: Drag & drop or click to select
2
Drag to crop: Drag on canvas to adjust crop area
3
Precise input: Enter W/H/L/T (width/height/left/top) pixel values in coordinate panel
4
Rotate & flip: Use toolbar for 90° rotation, ±1° fine-tune, horizontal/vertical mirror
5
Select shape: Supports rectangle, circle, rounded, ellipse, heart, star and more
6
Download result: Click download button to save cropped result (PNG format)
7
Reset/Clear: Reset restores default state, Clear returns to upload screen

Common Scenarios

Avatar cropping

Use 1:1 ratio or circle crop for square/round avatars

Banner cropping

Use 16:9 or 3:1 ratio for cover banners

Remove borders

Crop away black edges or whitespace around image

Fix orientation

Rotate tilted phone photos before cropping

Also useful for preset-ratio crops, post-rotation crops, black-border removal, and avatar trimming before direct download.

Crop Operations

W/H: Width and height of crop area (pixels)
L/T: Left and top offset from original image (pixels)
Ratio: Free/1:1/4:3/3:2/16:9 presets, locked ratio maintained while dragging
Shape: Rectangle/circle/rounded/ellipse/triangle/pentagon/star/heart/diamond etc.
Rotate: 90° quick buttons, ±1° (Shift ±0.1°) fine adjustment
Flip: Horizontal/vertical mirror
Zoom: Zoom in/out canvas view (doesn't affect export resolution)

Usage Advice

Slider on left side of input box allows quick value adjustment by dragging
Shortcuts: ↑↓ fine-tune (Shift ×10 / Alt ×5), scroll wheel zooms view
Desktop: Right-click drag to quickly move crop box or image
Mobile: Bottom toolbar can be scrolled left/right to see more buttons
Crop area is automatically constrained within the original image

Limitations & Compatibility

Very large resolutions or continuous transforms may cause performance issues, step-by-step recommended
Currently exports PNG only, use format converter for other formats
Devices with notch/gesture bar have narrower visible area, toolbar scrollable

Privacy & Security

Images are processed locally in your browser. You can reset, clear, and crop again before downloading the result.

FAQ

6

Continue with these related tools for the next step.