Uwarp

Help Us Improve

—

(—)

Crop image online

Crop images online with a draggable box. Cut PNG, JPEG, or screenshots to size—live preview, trim borders, download PNG in your browser.

What is image cropping?

Image cropping cuts away everything outside a rectangle you choose, keeping only the selected region—whether you need to crop an image, crop a PNG, or trim a screenshot. Upload a photo, drag the crop box and handles to set the area, preview the cut, and download PNG. It is rectangular selection only, not circle crop or batch processing. All processing runs in your browser.

Crop controls

Rectangular selection with instant preview.

  1. Drag to move: Reposition the crop box over your subject.
  2. Eight resize handles: Adjust corners and edges independently.
  3. Dimmed outside area: See exactly what will be removed before export.
  4. Live preview: Cropped output updates as you adjust the box.
  5. Side-by-side view: Original with overlay and cropped result together.
  6. PNG download: Save the crop as crop-image.png.

How to crop an image online

Steps to cut and trim photos in the browser.

  1. Upload the image: Drop or click in the input panel (15 MB max).
  2. Set the crop box: Move and resize until only the area you want remains inside the frame.
  3. Check the preview: Confirm the cropped panel matches your goal.
  4. Download PNG: Save the trimmed image to your device.

Tips for cropping

Cleaner crops in fewer steps.

  1. Start from full frame: The crop box begins at the full image—shrink inward from there.
  2. Use corners first: Corner handles are fastest for rough framing.
  3. Fine-tune with edges: Edge handles adjust one side without moving the opposite edge much.
  4. Check the preview: The output panel shows exact cropped pixels.
  5. Square for avatars: Drag equal width and height for a square crop—this tool does not apply a circle mask.
  6. Export PNG for cutouts: PNG keeps alpha when cropping logos or icons.

When to crop images

Typical uses for cutting and trimming photos.

  1. Screenshot cleanup: Crop a screenshot to remove toolbars, status bars, or extra margins.
  2. Social crops: Cut to a tighter frame before posting.
  3. Remove borders: Trim scanner edges or excess background.
  4. Focus on subject: Isolate a product or portrait from clutter.
  5. Thumbnail prep: Export a smaller rectangular region for cards or previews.
  6. PNG trim: Cut PNG assets to tighter bounds while keeping transparency.

Why use this crop tool

Benefits of browser-based image trimming.

  1. Visual selection: Drag handles instead of typing pixel coordinates.
  2. Private: Images stay on your device—no server upload.
  3. Instant preview: See the cropped result before download.
  4. Preserves alpha: Transparency on PNG uploads stays intact.
  5. No install: Works in any modern browser with Canvas 2D.
  6. Free: Unlimited crops and downloads.

Technical details

How rectangular cropping works here.

  1. Canvas extract: drawImage copies the selected source rectangle to a new canvas.
  2. Coordinate mapping: On-screen crop box scales to source pixels for accurate export.
  3. Minimum crop: Selections clamp to at least 1×1 px inside image bounds.
  4. Alpha channel: RGBA preserved through crop and PNG download.
  5. Input limits: 15 MB upload; longest edge 8192 px.
  6. Browser support: Chromium, Firefox, Safari with Canvas 2D.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion