Image Cropper
AI & ProductivityCrop images with drag handles, fixed aspect ratios, or social media presets. Export as JPEG, PNG, or WebP — free, browser-based.
Discussion
Join the discussion
Sign in to share your thoughts and engage with the community.
About this tool
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
- Upload your image. Drag and drop a file onto the upload area, or click to browse. JPEG, PNG, and WebP are supported.
- 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.
- 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.
- 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.
- 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.
- 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.
How to Use
- 1
Upload your image
Drag and drop your image onto the upload area, or click to browse. JPEG, PNG, and WebP are supported.
- 2
Choose a crop mode
Select Free to crop any shape, pick an aspect ratio like 1:1 or 16:9, or choose a social media preset for platform-specific dimensions.
- 3
Drag the crop overlay
Move the crop box by dragging inside it. Resize it by dragging the corner or edge handles. A rule-of-thirds grid assists with composition.
- 4
Fine-tune with numbers
Use the X, Y, Width, and Height inputs to set an exact crop region in pixels. The overlay updates automatically.
- 5
Download the result
Choose your output format (JPEG, PNG, or WebP), click Crop Image, and download the cropped file.
Frequently Asked Questions
Are my images uploaded to a server?↓
No. All cropping happens entirely in your browser using the Canvas API. Your images never leave your device.
What aspect ratios are supported?↓
You can crop freely (no ratio), or lock to 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, or 2:3. Social media presets automatically set the correct ratio for Instagram, Twitter, Facebook, LinkedIn, and more.
Can I crop to an exact pixel size?↓
Yes. Enter exact pixel values in the Width and Height inputs. The crop overlay syncs in real time. Note that the output size matches your crop region on the original image — it is not independently resized.
What is the rule-of-thirds grid?↓
The grid divides the crop area into nine equal sections with two horizontal and two vertical lines. Placing your subject at one of the four intersections is a standard composition technique for more visually engaging images.
Which output format should I use?↓
Use JPEG for photographs where file size matters. Use PNG for images with transparency or sharp-edged graphics. Use WebP for the smallest file size — it is supported by all modern browsers.