Image Cropper — HTML / CSS / JavaScript (No libraries)
No image loaded
Upload an image to start. Then click-drag to draw a crop rectangle. You can move the rectangle or resize it by dragging edges/corners.
Crop Preview
Result (downloadable)
Output size (px)
Tips
• Draw rectangle by dragging on the image.
• After drawing, move it by dragging inside, resize by dragging edges or corners.
• Use Zoom and Rotate to adjust view before cropping.
• After drawing, move it by dragging inside, resize by dragging edges or corners.
• Use Zoom and Rotate to adjust view before cropping.