Back to All Tools

Image Crop

Trim the edges of your image and download the cropped result.

Select an image

or drag & drop it here

100% In-Browser Memory • Zero Uploads
Complete Guide

About the Image Cropper

Trim unwanted edges off any image and download just the part you want. Four sliders — top, bottom, left and right — shave away margins as percentages, with a live preview showing exactly what remains. It is the quickest way to tighten a product shot, straighten up a scanned document's borders, or frame a face before resizing it to exam-form dimensions. Everything runs in your browser; the original file stays on your machine.

Who uses it and why

Cropping is less glamorous than AI cutouts but more frequently needed. Sellers crop busy backgrounds out of listings so the product fills the frame. Students crop a passport photo tighter before running it through the exam-photo resizer, since portals check face coverage. Anyone scanning documents knows the black borders and desk surfaces that arrive around the page. And social uploads look better when dead space is gone. Because the crop is computed from the original pixels — not a lossy re-save of an already-compressed copy — the kept region stays as sharp as it was.

How the sliders map to pixels

Each slider removes a percentage of the image measured from its edge: Top trims downward, Bottom upward, Left rightward and Right leftward, each from 0 to 45%. The percentages apply independently to width and height, so on a landscape photo 10% of left is a different absolute distance than 10% of top — the preview resolves any ambiguity instantly. The label beneath the preview reports the surviving region in exact pixels, which matters when a downstream step needs minimum dimensions. Sliders reset whenever you load a new image.

Cropping with intent: tips

A little ordering discipline makes crops land right the first time:

  • Crop first, resize second — trimming changes the aspect ratio, so do the framing before locking final dimensions.
  • For passport-style photos, leave headroom above the hair; portals commonly reject faces that touch the top edge.
  • Small percentages matter: on a 4000-pixel image, 5% is 200 pixels — plenty to lose a watermark strip.
  • Pushing two opposite sliders to their 45% limit keeps only the middle 10% sliver; check the pixel readout before downloading.
  • Transparent PNGs stay transparent in the cropped output.

What the tool deliberately does not do

This is a straight rectangular trim — there is no free-drawn selection box, rotation-straightening or aspect-ratio template. That simplicity is the feature: four sliders cover the overwhelming majority of real crops with zero learning curve. If the result needs different pixel dimensions afterwards, Image Resize takes the cropped PNG directly; if it needs a specific kilobyte target, Photo Resize in KB handles both at once.

Video slot: image-crop-walkthrough.mp4

A short demo trimming a scanned certificate's dark borders, reading the resulting pixel count, and passing the crop into the exam photo resizer.

Coming soon
Simple Step-by-Step Guide

How to Use Image Cropper Online

Follow these simple steps to use Image Cropper securely in your web browser.

  1. 1

    Upload Image

    Drag and drop your image into the crop canvas workspace.

    01-image-crop-upload-image.png

    Replace with a real capture

  2. 2

    Adjust Sliders

    Adjust top, bottom, left, and right sliders to frame your subject.

    02-image-crop-adjust-sliders.png

    Replace with a real capture

  3. 3

    Download Crop

    Click download to save the cropped rectangular image to your device.

    03-image-crop-download-crop.png

    Replace with a real capture

Technical Specs

Features & Specifications

Engine

Canvas 2D sub-rectangle drawImage

Supported Formats

JPG, PNG, WebP

Output

Exact cropped bounding box

Privacy Status

100% In-Browser Local Processing

100% Free & Private In-Browser Processing

Rupix operates on a zero-upload architecture. All computations, file parsing, and transformations occur locally inside your web browser. No document bytes, sensitive text, or personal data are ever uploaded or transmitted to remote servers.

Highlights

Why use Rupix Image Cropper?

4-Way Percentage Sliders

Fine-tune crop margins with precision percentage controls.

Live Cropped Preview

Real-time visual feedback of the cropped area.

100% Private

Image slicing executes locally in browser canvas memory.

Q&A

Frequently Asked Questions

No. Cropping discards the pixels outside your selection; every pixel inside it is kept at full original quality. The output is simply smaller in dimensions, not softer.
Yes. Alpha transparency survives the crop untouched, so logos and cutouts remain see-through outside the trimmed area.
Yes. All cropping happens locally in your browser's canvas — the file is never uploaded anywhere.
Slide any edge back toward zero, or reload the image to restore all four sliders to their starting values. Your original file is never modified on disk.
Percentage sliders adapt to any image size and make quick framing fast. The exact remaining dimensions are displayed in pixels, so precision work is still possible.
Each edge allows up to 45%, so in theory only a thin 10%-wide strip of the centre could remain. The tool guards against degenerate results and shows the surviving pixel dimensions before you download.