Image Crop
Drag to adjust the crop box, lock the aspect ratio, preview live and download PNG/JPEG.
Drag & drop image here, or click to select
Max 50MB · Browser local processing
Crop Settings
Online Image Crop: Frame Exactly the Part You Want
This online image cropper lets you select and remove part of an image right in your browser, trimming away unwanted edges or reframing it to a specific ratio. Everything runs locally with no uploads, so it's private and gives you instant preview and instant adjustments. Whether you're cropping a social avatar or turning a landscape shot into a vertical cover, you can do it quickly.
It's ideal for content creators, e-commerce operators, and everyday users who need to extract one precise region from a larger image.
How Is Cropping Different From Resize and Compress?
Crop keeps part of the picture and discards the rest, changing composition and ratio without changing pixel density. Resize changes overall dimensions, redrawing the image proportionally or to a target width/height. Compress reduces file size while trying to keep quality high. You often use all three together: crop away what you don't need, resize to the target, then compress to optimize.
So if you just want to remove extra background, crop; if the image is the wrong size, resize; if it's too large, compress.
How to Use It
1. Upload or drag an image (JPG / PNG / WebP / BMP, up to 50MB).
2. On the left, pick a target ratio — 1:1 (square), 16:9 (landscape), 9:16 (portrait), 4:3, 3:2 — or choose "Free".
3. Drag the crop box to the region you want to keep; fine-tune its position inside the box.
4. Preview the result live below the canvas and confirm the composition.
5. Choose an export format (PNG for transparency, JPEG for photos) and download.
Common Crop Mistakes
① Don't over-crop a low-resolution image. The more you crop, the less image remains and the blurrier it gets when enlarged. For high-resolution output, start from a high-resolution source.
② Remember composition. Cropping recomposes the photo; placing the subject a third of the way across (the rule of thirds) often looks livelier than dead center.
③ Match the platform's ratio. Different platforms require different cover/avatar specs (e.g. a 2.35:1 cover or a 1:1 avatar), so picking the platform's ratio saves effort.
How to Choose an Export Format
If the cropped image needs a transparent background (like a PNG icon or cutout), use PNG; if it's a photo or for web display where you want a smaller file, use JPEG. After cropping, if you want an even smaller file, follow up with our Image Compressor to balance clarity and loading speed.
Common Aspect Ratios and Example Pixels
Crop by ratio first, then by pixels. The ratio decides whether the composition is distorted, and the pixel count decides whether a platform minimum is met. The table gives one example size per ratio; scale proportionally as needed.
| Aspect ratio | Example pixels (width × height) |
|---|---|
| 1:1 | 1080 × 1080 |
| 4:3 | 1600 × 1200 |
| 3:2 | 1800 × 1200 |
| 16:9 | 1920 × 1080 |
| 9:16 | 1080 × 1920 |
| 2:1 | 1600 × 800 |
| 21:9 | 2100 × 900 |
Typical Sizes for Avatars and Covers
Platform recommendations change over time, so treat the values below as long-stable reference points and check current requirements before submitting. If the ratio is right and the pixel count is at or above the recommendation, the image will normally display correctly.
| Use | Typical recommended size | Ratio | Notes |
|---|---|---|---|
| Social avatar | 400 × 400 up to 640 × 640 | 1:1 | Square, subject centred with margin |
| Profile cover | Around 1500 × 500 | 3:1 | Wide banner; the centre may be covered by the avatar |
| Article image | Around 1200 × 800 | 3:2 | Balances sharpness and load time |
| Video thumbnail | 1280 × 720 or 1920 × 1080 | 16:9 | Match the player ratio |
| Vertical phone image | 1080 × 1920 | 9:16 | Full screen; keep text away from the edges |
| ID photo (1-inch) | About 295 × 413 | About 5:7 | Follow the exact pixel and background rules |
Note: cropping never adds pixels. Turning a small image into a larger specification only makes it softer; when pixels run short, start from a higher-resolution original.
Frequently Asked Questions
Does cropping reduce quality? Removing edges does not recompress pixels, so quality is preserved. Loss appears only when the crop is followed by upscaling or re-encoding.
Why does my crop look distorted? When the target ratio differs from the source, either more of the frame is cut or the image is stretched. Locking the ratio avoids the second outcome.
Can I crop a small image into a large size? You can set the size, but the pixel count stays the same, so the result is softer.
How much margin should an avatar leave? Keeping the subject at roughly seventy percent of the frame with space around it avoids clipping key features in circular or square masks.
Related Reading
To standardise dimensions after cropping, see Resize; to reduce file size further, use the Image Compressor; to change container format, use the Format Converter. More cropping and composition guidance is in our resize and crop guide.