Image Cropper

An image cropper extracts a rectangular region from a photo or graphic and discards everything outside that region. You define the rectangle with four numbers — X and Y for the top-left corner (measured in pixels from the top-left of the original), plus a width and a height — and the tool produces a new image containing only that slice.

Under the hood the tool decodes your file with the browser's native createImageBitmap API, then calls canvas drawImage with explicit source coordinates. This is the same primitive every professional image editor uses internally. The chosen region is drawn into a fresh off-screen canvas sized exactly to your width and height values, then re-encoded to a blob in the original file format. A JPEG in produces a JPEG out; a PNG in produces a PNG out. The whole operation runs without any network request — your file never leaves the browser.

For a concrete example: suppose you have a 3000 × 2000 px landscape photo and want a perfectly centred 1000 × 1000 px square for a profile picture. Set X = 1000, Y = 500, Width = 1000, Height = 1000. The tool draws that square from the middle of the image and gives you a 1000 × 1000 px download in under a second, ready to upload anywhere.

Numeric inputs are intentional rather than drag handles. Typing exact pixel values gives reproducible, pixel-perfect crops and avoids the continuous re-layout that pointer-move-based drag interfaces can trigger on large images.