What Is an Online Image Cropper?
An image cropper lets you select a rectangular region of a photo and remove everything outside that area. Unlike resizing, which scales the whole image, cropping reframes the picture — keeping only the subject or composition you want.
Online croppers run in the browser using the Canvas API, so you can trim photos for profile pictures, social posts, thumbnails, and documents without installing desktop software or uploading files to a third-party server.
When to Use an Image Cropper
Profile pictures and avatars (1:1 square crop)
Instagram, Facebook, and LinkedIn post images
YouTube thumbnails and video cover art (16:9)
Removing distracting edges or background clutter
Passport-style headshots with consistent framing
Website hero images and blog featured images
Product photos for e-commerce listings
Screenshots trimmed to highlight a specific UI area
How to Crop an Image Online
- 1
Upload your image
Drag and drop a browser-decodable JPEG, PNG, WebP, GIF, BMP, or AVIF file, or click to browse. Sources are limited to 25 MB, 8,192 pixels per side, and 40 megapixels.
- 2
Choose an aspect ratio
Select Free for any rectangle, or choose a ratio preset. Social presets also set a commonly used output width, which you can edit or clear before export.
- 3
Adjust the crop area
Drag the crop box to reposition it. Pull corner or edge handles to resize. Use zoom to fine-tune framing. Rotate or flip first if the image orientation is wrong.
- 4
Preview the result
The live preview panel updates as you move the crop box, showing exactly what will be exported — including file size estimate.
- 5
Export and download
Choose JPEG, PNG, or WebP, adjust lossy quality if needed, optionally set an output width, then download. JPEG transparency uses your selected background color.
Aspect Ratio Guide
Aspect ratio is the proportional relationship between width and height. Matching the correct ratio before you post prevents awkward cropping or letterboxing on social platforms and video sites.
| Ratio | Common size | Best for |
|---|---|---|
| 1:1 | 1080 × 1080 | Instagram feed, profile photos, avatars |
| 16:9 | 1920 × 1080 | YouTube thumbnails, landscape video, presentations |
| 9:16 | 1080 × 1920 | Instagram Stories, Reels, TikTok, vertical video |
| 4:3 | 1600 × 1200 | Classic photos, tablets, some display screens |
| 3:2 | 1500 × 1000 | DSLR photography, print-friendly framing |
| 1200:630 | 1200 × 630 | Facebook / Open Graph link preview images |
Crop vs. Resize — Quick Comparison
Crop
ReframeRemoves pixels outside your selection. Changes composition and aspect ratio. Ideal when you want to focus on a subject, match a platform ratio, or cut off unwanted background. Does not stretch or squash the image.
Resize
ScaleScales the entire image to new pixel dimensions. Keeps the full frame but makes the file smaller or larger. Ideal for reducing file size for email or web without changing what is visible in the photo.
Frequently Asked Questions
Technical note: This cropper loads your image into an HTML canvas element, applies rotate and flip transforms in memory, then uses drawImage() to extract the selected region. Export uses canvas.toBlob() for JPEG, PNG, and WebP output. Encoder support is verified before download; animation and embedded metadata are not preserved. All processing runs client-side — no image data is sent to any server.