Crop an image when the composition needs a different frame, such as a square avatar, a vertical story, or a landscape cover. Cropping removes pixels outside the selected box; resizing changes the dimensions of the whole frame. Open the online image cropper, choose a ratio or free-form crop, and download the framed copy without changing the original.
Choose the crop ratio first
The destination usually determines the ratio:
- 1:1 square works for avatars, product cards, and square social posts.
- 16:9 landscape fits many video covers, presentations, and wide website sections.
- 9:16 vertical suits stories, Shorts, Reels, and other full-screen mobile placements.
- 4:3 or 3:4 can fit classic photo layouts and portrait cards.
- Free-form is useful when the design has a custom frame or the subject needs a non-standard composition.
Choose the ratio before placing the crop box. This makes it easier to protect the subject while still delivering the shape the destination expects.
How to crop an image online
1. Open the image cropper
Open the image cropper online and select a JPG, PNG, or WebP file. Keep the original source until you have reviewed the final crop on the destination page or platform.
2. Pick a ratio or stay free-form
Choose 1:1, 16:9, 9:16, 4:3, 3:4, or another available ratio. Use free-form when the target layout has custom dimensions or when a fixed ratio would cut through an important part of the subject.
3. Position the crop box
Drag the crop box so the subject, face, product label, or key text remains inside the frame. Leave enough breathing room for the destination's interface overlays. For a profile image, center the face or product; for a product card, keep the item aligned consistently with the rest of the catalog.
4. Crop and review the result
Click Crop and inspect the output before downloading. Check the image at the display size where it will be used, not only at full zoom. If the crop has the right composition but too many pixels, use the image resizer for exact output dimensions.
Crop without losing the important detail
Start from the original image and avoid repeated crop-and-export cycles. Once pixels have been removed, a later crop cannot recover them. Keep a master copy and create separate delivery crops for square, landscape, and vertical placements.
Watch for the parts of the destination that may cover the image. A platform may place an avatar ring, play button, text overlay, or navigation control over the edges. Keep the important subject away from those areas and preview the result in the real layout when possible.
Cropping can also reduce file size because the output contains fewer pixels, but it is not a replacement for compression. After choosing the frame, use the image compressor if the delivery file is still too large.
Crop or resize first?
Crop first when the image shape is wrong and the composition needs to change. Resize first only when the whole frame already fits the destination and you simply need fewer pixels. A common workflow is crop to the required ratio, resize to the exact pixel dimensions, then compress the delivery copy.
Do not unlock the aspect ratio in an image resizer to imitate a crop. Changing width and height independently stretches the subject. Use the cropper for framing and the image resizer for final dimensions.
Common image cropping problems
The subject is cut off
Move the crop box before exporting and leave extra space around the subject. For faces and products, check the crop at thumbnail size because a small display can make a tight crop feel even tighter.
The image looks stretched
Cropping should remove pixels, not change their proportions. If the output looks stretched, check whether the image was resized with independent width and height values after the crop. Keep the aspect ratio locked during the final resize.
The crop has the right shape but is too large
Use the image resizer to set an exact width and height after the crop, then use the image compressor for a file-size target. Separating these steps makes it easier to identify which change affects the result.
Text is too close to the edge
Reposition the crop box and preserve a safe margin. If the source does not contain enough space, use a wider crop or edit the source composition rather than forcing the text against the frame.
FAQ
How do I crop an image online?
Open the online image cropper, upload a JPG, PNG, or WebP, choose a ratio or free-form crop, position the box, and download the result after reviewing it.
Does cropping reduce image quality?
Cropping removes pixels outside the selected area but does not need to resample the pixels inside the crop. If you resize the crop afterward, choose a sensible target and review the result at its real display size.
What is the best ratio for a social media image?
Use the current requirement of the destination. Square 1:1, landscape 16:9, and vertical 9:16 are common starting points, but platforms can change their recommended dimensions and safe areas.
Can I crop to an exact pixel size?
Use the cropper to create the right composition and ratio, then use the image resizer to set exact pixel width and height without stretching the subject.
Should I crop before compressing an image?
Usually, yes. Crop away pixels that will not be shown, resize to the destination dimensions, and compress the final delivery copy. Keep the original for future crops.
Continue to the image tools
Use the image cropper for composition, the image resizer for exact dimensions, and the image compressor for the final file-size adjustment.