UtilityToolsLab

© 2026 UtilityToolsLab. Built and maintained by the UtilityToolsLab Team.

Free eBooks·About·Changelog·Privacy Policy·Terms of Service·Report a bug
HomeImage & DesignImage Cropper

Related Tools

Image CompressorHEX ↔ RGBQR CodeColor PaletteGradient GeneratorContrast CheckerImage ResizerFormat ConverterGrayscale ConverterBrightness & ContrastWatermark ToolMetadata ViewerImage PixelatorFlip & Rotate

Image Cropper

Crop JPEG, PNG or WebP images with a drag-to-select UI. Seven aspect-ratio presets, rule-of-thirds grid, JPEG/PNG/WebP output and adjustable quality.

You Might Also Like

All Image & Design

Image Compressor

Compress JPEG, PNG, and WebP images in your browser. Control quality and max dimensions — no server upload required.

HEX ↔ RGB

Convert color codes between HEX, RGB, RGBA and HSL instantly, with a live visual preview. Built for designers and CSS work — free, no sign-up.

QR Code

Generate QR codes from any URL, text, email or phone number instantly and download them as PNG. Free, no sign-up, and runs in your browser.

Color Palette

Generate harmonious color palettes from any base color. Supports complementary, triadic, analogous, and monochromatic schemes.

Choosing what to keep is half of any photo edit. Image Cropper puts a drag-to-select box on your photo with eight resize handles — four corners and four edge midpoints — so you can pull the frame to exactly the region you want before committing. A rule-of-thirds grid floats inside the selection to help align subjects to natural focal points.

Seven aspect-ratio presets lock the selection to a fixed proportion as you drag: Free lets you set any shape, while 1:1, 4:3, 3:2 and 16:9 match the most common output targets. Portrait presets 2:3 and 9:16 are there for social-media story formats. You can switch between Free and any locked ratio at any time and the selection reshapes immediately.

All cropping runs in a canvas element in the browser tab. Upload a JPEG, set your crop, pick a format and quality, press Apply Crop, and download the result. Nothing leaves your device at any point.

Getting a Clean Crop in Four Steps

  1. Drop or browse to your image. JPEG, PNG and WebP up to 20 MB are accepted. The canvas fits inside a 700 × 500 px display area while keeping the original proportions.
  2. Pick an Aspect Ratio if you need a fixed shape, or leave it on Free. Drag a corner or edge handle to resize, or drag the interior of the box to reposition it. The orange border and white circle handles show the active selection at all times.
  3. Choose an Output Format (JPEG, PNG or WebP) and, for JPEG and WebP, drag the Quality slider. 92% is the default and a sensible starting point for photos.
  4. Press Apply Crop. A preview of the cropped image appears below with its pixel dimensions and estimated file size. Press Download to save it — the filename is the original name with -cropped appended.

Tricky Inputs: Boundaries, Scale and Aspect Lock

  • The selection cannot extend outside the canvas. Any drag that would push a handle beyond an edge is clamped, so the minimum crop dimension is 20 × 20 px on the canvas and the maximum is the full canvas width or height.
  • Canvas coordinates are scaled back to natural image pixels at export time using the ratio of natural size to displayed size. A 4000 × 3000 px photo displayed at 700 × 525 px carries a scale factor of roughly 5.7, so a 350-wide canvas selection exports as approximately 2000 px wide.
  • When an aspect ratio is locked, resizing from a horizontal edge (top or bottom) adjusts the width to match; resizing from a vertical edge adjusts the height. The crop never overshoots the canvas boundary, so the visible locked shape may be slightly narrower than the ideal ratio at the canvas margins.
  • The non-obvious feature: clicking anywhere outside all eight resize handles draws a brand-new crop rectangle from scratch, so you can start over without pressing Reset crop. Drag-start outside the existing selection creates a new one from that point.
  • PNG output is always lossless regardless of the Quality slider, which is why the slider hides when PNG is selected. JPEG and WebP both respect the slider and default to 92%.

Drop an image here, or click to browse

JPEG · PNG · WebP  ·  max 20 MB