Uwarp
Upload an image to get started

Or try an example

Result preview

Crop result will appear here

— × — px

Help Us Improve

—

(—)

Crop image online free

Crop photos to the exact region you need. Drag the frame, preview, download PNG.

What is image cropping?

Cropping throws away the parts you do not need: empty margins, accidental edges, or the wrong composition. Drag a frame over the photo, confirm the preview, and download the cut. For fixed ratios, pair with the dedicated 16:9, 4:3, or square tools.

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.
  • 01

    Start from full frame

    The crop box begins at the full image, shrink inward from there.

  • 02

    Use corners first

    Corner handles are fastest for rough framing.

  • 03

    Fine-tune with edges

    Edge handles adjust one side without moving the opposite edge much.

  • 04

    Check the preview

    The output panel shows exact cropped pixels.

  • 05

    Square for avatars

    Drag equal width and height for a square crop, this tool does not apply a circle mask.

  • 06

    Export PNG for cutouts

    PNG keeps alpha when cropping logos or icons.

Image Cropping Tools Compared — Which One Fits Your Workflow

How this free crop tool stacks up against other popular online image cropping tools.

  1. PineTools.com

    Basic crop tool with manual width/height input. No interactive drag-to-crop. Requires Apply button.

  2. Adobe Express

    Free online crop tool with aspect ratio presets. Part of larger editor requiring account navigation.

  3. Canva.com

    Crop in full design platform. Free tier good but requires account for saving.

  4. ILoveIMG.com

    Popular crop tool with presets and manual crop area. Free but server-side uploads with file size limits.

  5. Crop Image

    Interactive drag-to-crop with preset ratios (1:1, 4:3, 16:9, 9:16). Free-form or locked aspect ratio. Real-time preview. All in browser.

When to crop images

Typical uses for cutting and trimming photos.

  • Screenshot cleanup

    Crop a screenshot to remove toolbars, status bars, or extra margins.

  • Social crops

    Cut to a tighter frame before posting.

  • Remove borders

    Trim scanner edges or excess background.

  • Focus on subject

    Isolate a product or portrait from clutter.

  • Thumbnail prep

    Export a smaller rectangular region for cards or previews.

  • PNG trim

    Cut PNG assets to tighter bounds while keeping transparency.

Why use this crop tool

Benefits of browser-based image trimming.

  • Visual selection

    Drag handles instead of typing pixel coordinates.

  • Private

    Images stay on your device, no server upload.

  • Instant preview

    See the cropped result before download.

  • Preserves alpha

    Transparency on PNG uploads stays intact.

  • No install

    Works in any modern browser with Canvas 2D.

  • Free

    Unlimited crops and downloads.

Technical details

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

Sources & References

Authoritative references on image cropping and the browser technology this tool uses.
  • “Cropping is the removal of unwanted outer areas from a photographic or illustrated image.”
    — Wikipedia — Cropping (image)

    Cropping (image): This article explains how cropping removes unwanted outer areas from an image — the fundamental operation this rectangular crop tool performs with a draggable selection box. en.wikipedia.org/wiki/Cropping_(image)

  • “The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element.”
    — MDN Web Docs — Canvas API

    Canvas API (client-side image rendering): This tool uses Canvas 2D drawImage to extract the selected rectangular region from the source image. MDN documents the full canvas rendering pipeline for efficient pixel extraction. developer.mozilla.org/en-US/docs/Web/API/Canvas_API

  • “PNG supports lossless data compression, making it useful for storing graphics that need to be edited repeatedly without losing quality.”
    — W3C — PNG Specification (overview)

    PNG image format: Downloading the cropped region as PNG preserves the exact pixel data from the selection without re-encoding artifacts. The W3C PNG specification describes why PNG is ideal for lossless image storage. w3.org/TR/PNG/

  • “Image segmentation is the process of partitioning a digital image into multiple image segments, also known as image regions.”
    — Wikipedia — Image segmentation

    Image segmentation in computer vision: Cropping is a form of image segmentation that extracts a rectangular sub-region. This tool lets users manually select a region of interest to isolate from the original image. en.wikipedia.org/wiki/Image_segmentation

Frequently Asked Questions

Quick answers about this tool—open a question to read more.