How to Crop an Image Online
Upload Your Image
Click the upload area or drag and drop your image file. Supported formats include JPG, PNG, WebP, BMP, TIFF, GIF, and AVIF. The image loads instantly into the editor canvas with no server upload.
Adjust Your Crop Area
Click and drag the corner or edge handles of the white dashed box to resize your crop selection. Move the entire crop box by clicking inside it and dragging. Use the rule-of-thirds grid lines as a guide to compose your image. Optionally, click an aspect ratio preset button (1:1, 4:3, 16:9, or 3:2) to lock the proportions, or enter exact pixel values in the X, Y, Width, and Height input fields for precision.
Download Your Cropped Image
Click the "Apply Crop" button to finalize your selection. The cropped preview appears below the editor. Use the output format dropdown to choose PNG (for lossless quality), JPG (for smaller file size), or WebP (for modern compression). Click "Download" to save the cropped image to your device with the filename automatically set to your original name plus "_cropped".
Crop Methods and Output Options Compared
The image crop tool provides three ways to define your crop area, each suited to different use cases. The comparison below shows when to use each method and how output formats affect file size and quality.
| Crop Method | Best For | Workflow |
|---|---|---|
| Free-form Drag | Quick, intuitive adjustments | Click and drag crop handles; no constraints. Fast for one-off crops without exact specifications. |
| Aspect Ratio Lock | Social media and platform-specific crops | Select a preset ratio (1:1 for Instagram, 16:9 for YouTube, etc.) then drag. Dimensions automatically scale to maintain proportions. |
| Exact Pixel Input | Precise professional crops, templates | Type pixel values directly into X, Y, Width, Height fields. Ideal for batch crops to the same dimensions or pixel-perfect layouts. |
| Output Format | File Size | Quality | Best Use |
|---|---|---|---|
| PNG | Larger (lossless) | No quality loss | Graphics, screenshots, images with transparency |
| JPG | Smaller (lossy, 92% quality) | Slight compression artifacts | Photos, web images, email |
| WebP | Smaller than JPG (modern) | High quality at small size | Modern browsers, web optimization |
When to Crop Your Images
Social Media Posts
Use the 1:1 preset for Instagram and Facebook feed posts, or 16:9 for YouTube thumbnails and LinkedIn banners. Crop to remove unwanted backgrounds or center your subject for maximum impact on the platform.
Product Photography
Crop to remove shadows, cropped edges, or distracting background elements. Use exact pixel dimensions to maintain consistent sizes across your product catalog on e-commerce sites.
Content Creation
Crop screenshots and diagrams to show only the relevant portion. Use free-form mode to isolate features, menus, or text for tutorials, blog posts, and documentation.
Photo Printing
Match standard print sizes: use 4:3 for 8x6 prints, 3:2 for 5x3 prints, or 16:9 for panoramic crops. Preview the crop onscreen to ensure composition before downloading for print.
Common Problems and Fixes
The crop area won't move or resize smoothly
Ensure your image file loaded completely (check the canvas for the full image). If dragging feels laggy on very large images, try reducing image dimensions before uploading, or use a device with more available memory. The tool works best with images up to 4000 x 4000 pixels. For larger files, consider using a desktop image editor.
The aspect ratio lock is constraining me incorrectly
When you select an aspect ratio preset, the crop box automatically adjusts to maintain that proportion. If you need a custom ratio not shown in the presets, click the "Free" button to switch to free-form mode. You can always type exact dimensions in the input fields to override any preset constraint.
My downloaded image has a different size than I specified
Double-check that you clicked "Apply Crop" after adjusting the crop box. The input fields show the crop dimensions, but they don't apply until you press Apply. If dimensions still differ, verify the X and Y offset values; cropping starts at the pixel position you specified in those fields.
The downloaded file is too large or blurry
If file size is too large, download as JPG or WebP instead of PNG; both use compression. If the image looks blurry, you may have cropped a small area and stretched it. Always crop generous margins to preserve resolution. For professional use, ensure your source image resolution is at least 2x your final output size.