Image Cropper
Crop images online with free or preset aspect ratios, preview the result live and download locally. All processing stays in your browser.
With a ratio selected, editing width or height syncs the other side. Click "Apply ratio" to auto-center a crop box that fits the image.
How to use
- Drag an image onto the dashed area or click it to pick a local file. PNG, JPG and WebP are supported, up to 30MB.
- Choose Free or a preset ratio such as 1:1, 16:9, 4:3, 3:2 or 9:16, or enter precise X, Y, width and height values for pixel-accurate positioning.
- With a ratio selected, click "Apply ratio" to auto-center a crop box with that aspect ratio inside the image.
- The "Cropped" panel previews the output live. When you are happy, click "Crop & download" to save the file.
- Click "Clear" any time to reset the tool.
FAQ
Is my image uploaded to a server?
How do I crop to exact pixel dimensions?
Does the output keep my original format?
Can I crop animated GIFs?
How to use
- Load the image
Drop a PNG, JPG or WebP file onto the dashed area, or click to browse. Files up to 30MB work, and the hint line shows the original dimensions.
- Enter precise pixel values
Type the crop box top-left coordinates into X and Y, then fill in width and height. All values are original-image pixels, and out-of-range numbers get clamped back inside.
- Pick a preset ratio
Choose Free, 1:1, 16:9, 4:3, 3:2 or 9:16 from the chip row. With a ratio active, editing width or height syncs the other side automatically.
- Auto-center with Apply ratio
Click Apply ratio and the tool computes a centered crop box that fits the selected proportion. Fine-tune X and Y as needed.
- Review and download
The cropped panel previews the result and lists output dimensions and byte size. When it looks right, press Crop & download to save the file locally.
About this tool
Cropping rebuilds an image from a rectangular region. The top-left coordinate plus width and height decide which pixels are kept; everything outside is gone for good. Ratio locking is the everyday trick: 1:1 for square avatars, 16:9 or 9:16 for video covers and phone screens. The tool runs on an in-browser Canvas, so the original never leaves your device. Out-of-range coordinates and zero dimensions are rejected with a clear error.
Common jobs: cutting ID photos to a required proportion, framing 1:1 avatars, preparing 16:9 covers for video platforms, and making 9:16 vertical posters for phones. Online stores use it to standardize product images. The numeric inputs also allow pixel-accurate extraction, such as pulling an exact region out of a long screenshot to match design specs. Operators, designers and everyday office users all make use of it.
How it works
The coordinate system differs from school geometry: the origin sits at the top-left corner, X grows rightward and Y grows downward. The X and Y fields anchor the top-left corner of the crop box. Internally the tool copies the chosen rectangle onto a fresh canvas and re-encodes it in the source format. That is a pure pixel relocation with no resampling, which is why cropping itself never blurs. Only the retained pixel count drops. Out-of-range values are clamped back into the image automatically, so one mistyped digit cannot ruin the run.
Ratio locking is fraction arithmetic. With 16:9, width equals height times sixteen ninths; with the lock on, editing one side back-fills the other. The standard pipeline for any picture is crop first to settle composition, resize second to hit the target dimension, compress last to control weight. Cropping early means every later stage handles less data, so the final file lands smaller and the compression settings stay easier to unify. Compressing before cropping pays encoding cost for pixels you were about to throw away.
When to use it
- Extracting one screen from a long shot
A scrolling screenshot hundreds of lines deep is hard to read. Enter coordinates matching the target window height and lift a chat log or error dialog out as a standalone image. That reads far better than forwarding the whole strip.
- Meeting marketplace image specs
Platforms typically demand square 1:1 product shots on white. Lock the ratio and let Apply ratio center the frame over your subject. Pair the result with the resizer to hit submission sizes such as 800×800.
- Cropping to printable 3:2
Six-inch photo prints use a 3:2 ratio. Crop travel shots to 3:2 before sending them to the lab, so the printer never improvises your composition. Nothing you wanted in frame gets trimmed off.
Tips & tricks
- The output keeps the source format: PNG preserves transparency, JPG fills transparent areas with white.
- Cropping discards pixels for good, so keep a backup of the original before you commit.
- Avatars render tiny. Keep the subject near the center of the crop box so it reads well at small sizes.
Things to watch
- The origin is top-left, not center
X and Y locate the top-left corner of the crop box, with Y increasing downward. That is the reverse of the axes from math class. Computing positions from the center shifts the whole box; the live preview exposes the mistake immediately.
- Decide the driving side first
With a ratio locked, whichever side you enter first determines the other. Fill width first for panoramic strips and height first for vertical covers; alternating edits by hand makes the two fields chase each other.
- Crops below display size blur
Cropping reduces total pixels. A result smaller than its final display size gets upscaled with interpolation by the browser or platform, so detail goes soft. Keep the crop at least as large as the physical display size.