How to crop an image and keep the subject in the frame
Draw a crop box, lock an aspect ratio, and export PNG, JPEG or WebP — without the picture sliding out from under the handles.
Updated 2026-09-21
Cropping is the cheapest way to fix a photo: lose the ceiling, square a portrait for an avatar, or cut a 16:9 banner out of a larger still. The job fails when the tool fights you — the image pans when you meant to move the box, or a 4000-pixel original never fits on screen so you crop blind.
Batonbox Crop Image keeps the picture contained in the stage. You draw, move and resize a box; the image stays put. Aspect lock, pixel readout, and zoom-to-inspect are on the same workbench. Export stays in the browser as PNG, JPEG or WebP.
Box first, pixels second
Start with the story you want in the frame, not with a percentage slider. Drag a box around the subject, then lock 1:1, 4:3, 3:4, 16:9 or 9:16 if the destination demands it. Free aspect is for print or a layout that will crop again later.
A pixel readout matters when a platform rejects images below a minimum. Avatars and Open Graph cards have published sizes; cropping first and then resizing is cleaner than resizing a sloppy crop.
What cropping does not do
A crop removes pixels. It does not sharpen a soft face or recover a blown highlight. If the subject is tiny in a wide shot, crop then accept that the remaining pixels are what you have — or go back to a larger original.
JPEG export is lossy. If you will edit again, stay on PNG or the original file. WebP is a good delivery format when the destination accepts it; it is a poor archive.
Batch without rushing
The tool accepts several images. Crop each one on its own stage rather than applying one box to every photo. Faces sit in different places; a single percentage crop will decapitate half the set.
Step by step
- 1
Fit the picture on screen
If the original is huge, zoom and pan inside the stage until you see the subject. Do not try to crop from a postage-stamp preview.
- 2
Draw the box, then lock ratio
Rough in free aspect, then switch to 1:1 or 16:9 so the handles stay honest while you refine.
- 3
Read the pixels
Check width and height against the destination. Raise the box or pick a different source if you are under the minimum.
- 4
Export the delivery format
PNG for a logo or a file you will edit. JPEG or WebP for a photo you will upload once.
Questions
- Does cropping happen on a server?
- No. Crop Image draws on a canvas in your browser. The file is not uploaded for this tool.
- Why does the image stay still when I drag?
- The handles move the crop box, not the photograph. That is deliberate so a large image cannot slide out of view.
- Can I crop a HEIC from an iPhone?
- Yes if the browser can decode HEIC, which current Safari and recent Chromium builds can. Export PNG or JPEG for sharing.