Image Crop

Crop images manually with precise coordinates or auto-trim whitespace borders. All processing happens in your browser — your images never leave your device.

✂️

Drop an image here or click to browse

PNG, JPG, WebP, BMP, GIF

Preview
No image loaded
Original
Original
Cropped
Cropped

What is Image Crop?

The Image Crop tool lets you remove unwanted areas from any image directly in your browser. It supports two modes: Manual Crop, where you specify exact pixel coordinates and dimensions for precise control, and Auto-Trim, which automatically detects and removes uniform background borders around your subject. The tool uses the HTML5 Canvas API for all processing, so your images are never uploaded to any server. Whether you need to trim whitespace from a scanned document, crop a screenshot to a specific region, or remove empty borders from exported game assets, this tool handles it instantly with zero setup.

How to Use

  1. Upload Your Image: Drag and drop an image onto the upload area or click to browse your files. The tool accepts PNG, JPG, WebP, BMP, and GIF formats.
  2. Choose a Mode: Select "Manual Crop" to enter exact X, Y, Width, and Height values, or "Auto-Trim" to let the tool detect and remove background borders automatically.
  3. Adjust Settings: In manual mode, enter pixel coordinates for the crop region and watch the overlay update on the preview. In auto-trim mode, adjust the threshold slider to control how aggressively the tool detects background pixels.
  4. Crop the Image: Click the "Crop" button to produce the result. The before-and-after comparison shows the original alongside the cropped output with dimensions displayed.
  5. Download: Click "Download PNG" to save the cropped image to your device.

Common Uses

  1. Trimming whitespace: Remove blank margins from scanned documents, exported charts, or screenshots before sharing or embedding.
  2. Precise region extraction: Crop a specific area from a larger image using exact pixel coordinates — useful for UI mockups, sprite sheets, and design assets.
  3. Product photo cleanup: Trim excess background around product images for consistent catalog listings and e-commerce thumbnails.
  4. Game asset preparation: Remove empty borders from exported sprites and textures to reduce file size and ensure tight bounding boxes.
  5. Social media sizing: Crop images to focus on the subject before resizing to platform-specific dimensions.

Related Tools