Image Cropper
Image Cropper
Supports drag selection, precise pixel input, aspect ratio lock, rotation, flip, multiple shape crops. Exports as PNG.
Drag & drop image here or click to select
Supports PNG / JPEG / WebP / AVIF / HEIC / HEIF
🚀 Quick Start
- Import image: Drag & drop or click to select
- Drag to crop: Drag on canvas to adjust crop area
- Precise input: Enter W/H/L/T (width/height/left/top) pixel values in coordinate panel
- Rotate & flip: Use toolbar for 90° rotation, ±1° fine-tune, horizontal/vertical mirror
- Select shape: Supports rectangle, circle, rounded, ellipse, heart, star and more
- Download result: Click download button to save cropped result (PNG format)
- 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
🎛️ 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
- All processing is done in your browser; data never leaves your device
❓ FAQ
How to perform pixel-precise cropping?
Enter W/H/L/T pixel values directly in coordinate panel, or use ↑↓ keys to fine-tune (Shift ×10 / Alt ×5).
Why can't I zoom in further?
Zoom only affects view display, limited when reaching boundaries. Move selection or zoom out first, then zoom in.
Which export formats are supported?
Currently exports as PNG (preserves transparency). For JPEG/WebP, use the format converter.
How to restore initial state?
Click 'Reset' to restore default view; click 'Clear' to remove image and return to upload screen.