Image Cropping Guide: Free Crop and Fixed Ratio
Common Cropping Scenarios
Image cropping is one of the most frequent image operations. Different scenarios require different crop areas and aspect ratios:
| Scenario | Recommended Ratio | Typical Size |
|---|---|---|
| Social avatar | 1:1 | 200×200, 400×400 |
| ID photo | 1:1.4 | 295×413 (1-inch) |
| WeChat cover | 2.35:1 | 900×383 |
| Video thumbnail | 16:9 | 1280×720 |
| Product image | 1:1 | 800×800 |
| Article image | 4:3 | 1200×900 |
Free Crop vs Fixed Ratio Crop
Free Crop
Free crop lets you drag the selection box to any width and height without ratio constraints. Use it for:
- Removing unwanted edges
- Capturing irregular regions
- Quickly cutting out watermarks or black bars
Fixed Ratio Crop
Locking the aspect ratio ensures the selection always maintains the same proportions. Use it for:
- Platforms with strict ratio requirements
- Batch-generating uniformly proportioned images
- Preventing distortion after cropping
Common ratios:
| Ratio | Width:Height | Typical Use |
|---|---|---|
| 1:1 | Square | Avatars, products, Instagram |
| 4:3 | Classic screen | Article images, PPT |
| 16:9 | Widescreen | Video covers, YouTube |
| 3:2 | Photography | DSLR photos, Flickr |
| 9:16 | Portrait | Phone wallpapers, Stories |
Using the Image Crop Tool
Step 1: Upload Image
Open Image Crop, click the upload area or drag in an image. Supports JPG, PNG, WebP, BMP up to 50MB.
Step 2: Choose Crop Mode
- Free crop: Drag directly on the image
- Fixed ratio: Select a preset ratio (1:1, 4:3, 16:9, etc.) from the side panel, or enter a custom ratio (e.g., 21:9)
Step 3: Adjust Selection
Drag the corners and edge midpoints to resize, drag inside the box to reposition. The tool shows the resulting dimensions in real time.
Step 4: Export
Click the "Crop" button, preview the result, and download. Need further resizing? Continue with Image Resize.
What Else After Cropping?
| Need | Recommended Tool |
|---|---|
| Adjust cropped dimensions | Image Resize |
| Reduce file size | Image Compress |
| Convert format (e.g., PNG→JPG) | Format Convert |
| Create nine-grid slices | Nine Grid |
| Add watermark | Image Watermark |
Practical Tips
Tip 1: Avatar Cropping Best Practices
- Choose a front-facing, centered photo
- Select 1:1 ratio
- Position the face slightly above center (visual weight)
- Leave space around the head — don't crop too tight
Tip 2: ID Photo Cropping
- Use custom ratio: 295:413 (1-inch) or 413:579 (2-inch)
- Center on the nose bridge
- Ensure symmetry from chin to forehead and between shoulders
Tip 3: Batch Cropping with Same Ratio
Crop the first image to confirm the result, then apply the same ratio setting to subsequent images.
Common Issues
Image looks blurry after cropping?
Cropping itself doesn't reduce clarity. Blurriness usually means the original resolution was insufficient or the crop area is too small. Use Image Resize to scale to the target size.
File size increased after cropping?
PNG files may grow due to changed color distribution. Use Image Compress to optimize.
Can I crop animated GIFs?
Static cropping only keeps the first frame. For frame-by-frame cropping, extract frames first with GIF Frame Extract, then process each one.
Summary
Image cropping is the most fundamental and frequently used image operation. Mastering both free crop and fixed ratio crop modes covers avatars, ID photos, covers, product images, and more. Combined with Image Resize and Image Compress, you can crop, adjust, and optimize in one go — all processed locally in the browser with zero uploads.