Back Professions
Back Dating
Back Writing Tools
Back Programming Tools
Back AI Chat
Back AI Image
Back AI Video

Free Image Cropper Online

Free-form, aspect ratio, or circle crop. Rotate and flip. Download as JPG, PNG, or WebP - No watermarks, no signup.

Drop your image here

JPG, PNG, WEBP, GIF, BMP - Up to 20 MB

Image to crop
Crop: - × - px Position: -, -
Cropped Result
Cropped result
-  •  -
Crop Settings
Aspect Ratio
Zoom
Rotate & Flip
Output Format

Quality (JPG / WebP) 92

Crop for Composition: Rule of Thirds and the Golden Ratio

A crop is the fastest composition fix in photography. The rule of thirds divides the frame into a 3×3 grid: place your subject on one of the four gridline intersections rather than dead centre, and the image immediately feels more deliberate. The crop box guides in the canvas above draw this exact grid, so you can drag the selection until an eye, a face, or a horizon snaps onto a line. Horizons belong on the top or bottom third line, never across the middle.

The golden ratio (roughly 1:1.618) is a subtler alternative: position the subject about 38% in from one edge instead of 33%. In practice the difference is small, so a useful habit is to crop slightly looser than the rule of thirds suggests, then nudge the box a few pixels toward the centre and pick whichever framing feels calmer. Centred composition still wins for symmetry - architecture, logos, and circle-cropped avatars all benefit from a dead-centre subject.

Framing GuidelineWhat It MeansBest For
Rule of thirdsSubject on a grid intersectionLandscapes, street, candid shots
Golden ratioSubject ~38% in from one edgePortraits, fine-art crops
CentredSubject exactly in the middleSymmetry, logos, circle avatars
HeadroomSmall gap between hair and top edgeHeadshots, talking-head stills
Lead roomEmpty space in front of the gazeProfile portraits, action shots
Fill the frameSubject occupies 80%+ of the cropProducts, food, detail shots

Headroom and Lead Room for Portrait Crops

Headroom is the gap between the top of the head and the top edge of the crop. Too much and the subject sinks into the bottom of the frame; too little and the crop feels claustrophobic. For a standard headshot, leave a sliver of space above the hair and place the eyes about one third down from the top edge. It is fine to crop into the top of the head on tight portraits - just never crop through the chin or at a joint like the neck, elbows, or knees.

Lead room (also called nose room) applies when the subject looks or moves sideways: leave more empty space on the side they face. A profile portrait crammed against the edge it is looking at feels blocked; shifting the crop so two thirds of the empty space sits in front of the gaze restores balance. The same applies to motion - a cyclist moving left needs breathing room on the left.

When Cropping Beats Resizing

Cropping and resizing solve different problems. A crop removes pixels to change what is in the frame: it recomposes the image, kills dead space, straightens horizons, and changes the aspect ratio by trimming rather than squashing. A resize keeps every element and only scales the pixel grid up or down. Reach for the cropper whenever the problem is the framing - a distracting edge, an off-centre subject, the wrong shape - and reach for a resizer when the framing is already right but the file needs different dimensions.

The two work best in sequence: crop to a target shape such as 1:1, 16:9, or 9:16 here, then feed the result to the Image Resizer for the exact pixel dimensions each platform expects. That two-step keeps full control over composition while still landing on precise output sizes.

Crop First, Then Enhance

Cropping is usually the first step in a multi-tool workflow. Once you have the right frame, you can push the image further with the other free tools on the platform:

  • AI Image Upscaler - Increase resolution after cropping to a small area without losing sharpness.
  • Background Remover - Strip the background from your cropped subject to place it on any scene.
  • Photo Enhancer - Sharpen, denoise and restore faded colours once the composition is final.
  • Image Compressor - Reduce file size for fast web loading after cropping to exact dimensions.
  • Image Expander - AI outpainting to extend the canvas if your crop needs more breathing room.

If the image itself needs replacing rather than editing, the AI Image Generator lets you create a new image from a text prompt using models like FLUX, Phoenix 1.0 and Leonardo Kino XL. Generated images come back at a high base resolution and can be cropped immediately into any format you need.

Cropping Video Frames and AI-Generated Images

AI-generated images sometimes have compositional quirks - A subject slightly off-centre, too much empty space on one side, or a watermark zone at an edge. The cropper handles these cleanly: zoom in on the subject, lock a ratio, and trim without re-generating. The same applies to screenshots and frame grabs from the AI Video Generator - Pull a frame, crop to 16:9 or 1:1, and you have a thumbnail-ready still.

For brand asset workflows, crop first to the primary ratio (e.g. 16:9 for a hero banner), then re-upload and crop again to 1:1 for a square variant. The tool holds no state between sessions, so each upload is independent and private - Nothing is sent to a server.

Cropping Tips for Better Results

Leave room for overlays. If the crop will sit under a headline, button, or watermark, frame the subject toward one third of the canvas and keep the opposite third visually quiet so text stays readable.

Zoom in to fine-tune. Click Zoom In to make the image larger in the canvas, then drag the crop box with precision around a small subject or tight detail. Use Zoom Out to regain context before confirming.

Rotate before you crop. If a horizon is slightly tilted, rotate with the CW / CCW buttons first, then set your crop selection. This avoids white-space gaps that appear when you crop a rotated image inside its original bounding box.

After finishing your crop, the full AI Image hub lists every available tool in one place, including the Image Editor for colour grading, contrast and brightness adjustments on top of your cropped result.

Frequently Asked Questions

How do I crop to a specific aspect ratio?
Select an aspect ratio preset from the settings panel - The crop selection box will lock to that ratio automatically. Drag to reposition and resize the crop area, then click Crop & Download.
Can I crop an image into a circle?
Yes. Select the circle (◯) preset. The crop area locks to a square, and the downloaded image will have a circular mask with a transparent background (PNG format). This is ideal for profile photos and avatars.
Does cropping reduce image quality?
No. Cropping removes parts of the image but does not recompress or alter the remaining pixels. The cropped area is output at full original resolution. Quality is only affected if you choose JPG output at a low quality setting.
Can I rotate or flip before cropping?
Yes. Use the rotate (CW/CCW) and flip (H/V) buttons in the settings panel. These apply directly to the cropper view so you can position the image exactly as needed before finalising the crop.
Is my image sent to your servers?
All cropping happens entirely in your browser using Cropper.js and the HTML Canvas API. Nothing is sent to any server. Your image never leaves your device.

Practical Cropping Workflow

Crop for attention first, then export for the platform. The best crop keeps the subject clear, leaves enough safe space, and avoids awkward previews.

Decide where the crop will be used
Use tighter crops for thumbnails, wider crops for banners, and centered crops for avatars or product cards. A product photo with too much empty space can look weak in a marketplace grid.
Leave safe space around the subject
Faces, products and text need room around the edges so previews, rounded thumbnails and social cards do not cut off important details.
Resize and compress after the crop
Once the composition is final, send it to the Image Resizer, then use the Image Compressor for faster loading.
Fix crops that are too tight
If the subject sits too close to the edge, use Image Expand to add canvas space. If you need labels, arrows or visual notes, open the result in the AI Image Editor.