What is the Image Cropper?

The Image Cropper lets you cut out any region of an image and save it as a new file. Upload a photo, drag the crop handles to select the area you want to keep, and download the result as a JPEG, PNG, or WebP. Everything runs in your browser — no files are uploaded to any server.

---

How to Crop an Image

1. Upload your image. Drag and drop a file onto the upload area, or click to browse. JPEG, PNG, and WebP are supported.
2. Set a crop mode. Choose Free crop to drag any shape, pick an aspect ratio to constrain proportions, or select a social media preset to lock in an exact platform dimension.
3. Drag the crop overlay. Click and drag inside the crop box to move it, or drag the corner and edge handles to resize it. A rule-of-thirds grid appears inside the selection to help with composition.
4. Fine-tune with numeric inputs. The X, Y, Width, and Height fields stay in sync with the crop overlay. Type exact pixel values to set a precise crop region.
5. Choose output format and quality. Select JPEG, PNG, or WebP. Adjust the quality slider for JPEG and WebP to balance file size and visual fidelity.
6. Download. Click Crop Image, then download the result.

---

Crop Modes

Free crop

No constraints. Drag any corner or edge handle to set any width and height independently. Use this when you need a specific shape that does not match a standard ratio.

Fixed aspect ratio

Lock the width-to-height ratio while keeping dimensions flexible. Dragging any handle adjusts the crop box while maintaining the chosen ratio. Available ratios include 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, and 2:3.

Social media presets

Select a platform preset to instantly apply the exact aspect ratio for that platform's image format. Presets include:

• Instagram Post — 1080 × 1080px (square)
• Instagram Story — 1080 × 1920px (9:16 portrait)
• Twitter/X Post — 1200 × 675px
• Twitter/X Header — 1500 × 500px
• Facebook Cover — 820 × 312px
• LinkedIn Cover — 1584 × 396px
• YouTube Thumbnail — 1280 × 720px
• OG Image — 1200 × 630px

The preset sets the crop aspect ratio and positions the crop box centered on the image. You can then drag to reposition it before cropping.

---

Output Formats

JPEG — Best for photographs. Uses lossy compression to produce small files. Does not preserve transparency.

PNG — Best for screenshots, graphics, and images with transparent backgrounds. Lossless — quality is always fully preserved. Files are typically larger than JPEG for photographic content.

WebP — A modern format that combines the best of JPEG and PNG. Supports both lossy compression and transparency, with file sizes typically 25–35% smaller than JPEG at equivalent visual quality. Supported by all major browsers.

---

Rule-of-Thirds Grid

The crop overlay displays a faint rule-of-thirds grid — two horizontal and two vertical lines that divide the crop region into nine equal sections. Placing the main subject at one of the four intersections is a classic composition technique that tends to produce more visually engaging results than center-cropping.

---

Privacy

Your images are processed entirely within your browser using the HTML5 Canvas API. Nothing is uploaded to any server. Your files are never stored, logged, or transmitted.