βœ‚οΈ Image Cropper

Upload an image, drag the selection box to choose your crop area, then download as PNG or JPEG. Works entirely in your browser β€” nothing is uploaded to any server.

πŸ–ΌοΈ
Drop an image here or click to browse
Supports JPG, PNG, WebP, GIF, BMP — up to 20 MB
Ratio
Transform
Zoom
100%
File: β€”
Size: β€”
Original: β€”
Drag on the image to select crop area — selection: none
Crop Preview
Select an area above to preview
<div class="ic-dl-box">
  <div class="ic-dl-title">Download</div>
  <div>
    <div style="font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;">Format</div>
    <div class="ic-fmt-row">
      <button class="ic-fmt-btn active" data-fmt="image/png">PNG</button>
      <button class="ic-fmt-btn" data-fmt="image/jpeg">JPEG</button>
    </div>
  </div>
  <div class="ic-quality-row" id="ic-quality-row">
    <div class="ic-quality-label">
      <span>Quality (JPEG)</span>
      <span id="ic-quality-val">90%</span>
    </div>
    <input type="range" class="ic-quality-slider" id="ic-quality-slider" min="10" max="100" value="90">
  </div>
  <button class="ic-dl-btn" id="ic-dl-btn" disabled>Download Cropped Image</button>
</div>
πŸ’‘ Tips: Drag anywhere on the canvas to draw a crop selection. Drag the selection edges or corners to resize it. Use aspect ratio buttons to lock proportions. Rotate or flip the image before cropping if needed.

How to Use the Image Cropper

Step 1 β€” Upload: Drop your image onto the upload area or click to browse. JPG, PNG, WebP, GIF, and BMP files up to 20 MB are supported.

Step 2 β€” Draw a selection: Click and drag on the canvas to draw a crop rectangle. The selection is shown with a dashed purple border and a rule-of-thirds grid overlay.

Step 3 β€” Resize the selection: Drag any of the eight white handles (corners and midpoints) to resize the crop area. Drag inside the selection to move it.

Step 4 β€” Lock an aspect ratio (optional): Click a ratio button (1:1, 4:3, 16:9, 3:2) to snap the selection to a fixed proportion as you drag.

Step 5 β€” Rotate or flip (optional): Click “Rotate 90Β°” to rotate the image before cropping. Use “Flip H” or “Flip V” to mirror it.

Step 6 β€” Preview and download: The right-side preview shows the cropped area in real time. Choose PNG or JPEG format, set JPEG quality if needed, then click “Download Cropped Image”.

Aspect Ratio Guide

RatioBest for
FreeAny custom crop, no constraints
1:1Instagram square posts, profile pictures
4:3Standard photos, presentations
16:9YouTube thumbnails, widescreen video
3:2Classic camera photos, prints

Why Crop in the Browser?

This tool runs entirely client-side using the HTML5 Canvas API. Your image never leaves your device β€” there is no server upload, no account required, and no file size limit beyond your browser memory. It works on any modern desktop or mobile browser without installing anything.

Resize an image to exact pixel dimensions β†’ Image Resizer

Apply filters and effects to photos β†’ Photo Filter

Resize images to social media sizes β†’ Social Media Image Resizer