How to Crop an Image Online to an Exact Size

July 6, 2026

To crop an image online, upload it to the ByteTools Image Cropper, type the X and Y start position plus the width and height in pixels (or pick an aspect-ratio preset), check the live preview, and click Download PNG. The whole crop runs inside your browser, so nothing is uploaded and the result is pixel-perfect rather than an approximate drag.

Most people crop by dragging a box with the mouse and hoping it lands in the right place. A numeric cropper flips that around: you tell it the exact rectangle you want, and it cuts precisely that region every time. This guide walks through the process step by step and explains what each field controls.

Step-by-step: cropping an image

Load your image. Drag a file onto the upload area or click to browse. The image appears with its full pixel dimensions ready to crop.
Set the origin. Enter the X offset (how far from the left edge the crop starts) and the Y offset (how far from the top). X 0, Y 0 is the top-left corner.
Set the size. Type the width and height in pixels, or choose a preset like 1:1, 4:3, 16:9, 3:2 or portrait and let the tool size the selection to that ratio.
Check the live preview. The preview updates as you type, so you can confirm the crop frames exactly what you want before saving.
Download. Click Download PNG to save a lossless copy of the cropped region.

What each field means

Field	Controls	Example
X	Left edge of the crop, in pixels from the left	100
Y	Top edge of the crop, in pixels from the top	50
Width	How wide the cropped rectangle is	400
Height	How tall the cropped rectangle is	400
Aspect ratio	Locks width and height to a fixed proportion	1:1 square

Values are automatically clamped to stay inside the image, so you cannot accidentally crop past an edge and end up with blank pixels. If you ask for a width wider than the image at a given X, the tool trims the request back to the boundary.

Why crop in the browser

Because the cropper uses the HTML canvas locally, your photo never leaves your device. That matters for anything sensitive: a screenshot of an invoice, a scan of an ID, or a private family photo. There is no server round-trip, no account, and no queue. It also works offline once the page has loaded, so you can crop on a plane or a spotty connection.

Cropping is lossless in the sense that the pixels you keep are untouched. The tool simply discards everything outside your rectangle and re-encodes the remaining region as a PNG, so text stays crisp and colors stay exact.

Getting an exact square profile picture

Pick the 1:1 preset, then nudge the X and Y so the subject is centered. Because the ratio is locked, changing the width updates the height to match, guaranteeing a true square that platforms like LinkedIn or Discord will not distort.

Try the Image Cropper — free and 100% in your browser.

FAQ

Do I need to install anything to crop an image?

No. The cropper is a web page. Open it in any modern browser on desktop or mobile and start cropping immediately, with no software, plugin or sign-up required.

Can I reuse the same crop on several images?

Yes. Because you type exact pixel values, note down your X, Y, width and height and re-enter them for the next image. This makes it easy to crop a batch of screenshots to identical dimensions one after another.

What format does the cropped image download as?

The tool exports a lossless PNG, which preserves the cropped region at full quality with no compression artifacts. That is ideal for text, logos and graphics where sharp edges matter.

Will cropping change the resolution of what I keep?

No. The pixels inside your selection are copied at their native resolution. A 400x400 crop from a large photo is a genuine 400x400 image, not an upscaled or downscaled version.

Related free tools

Image Resizer — scale the cropped result to an exact width or height.
Rotate Image — straighten or turn a photo before cropping.
Circle Crop Image — cut a round avatar instead of a rectangle.
Round Image Corners — soften the corners of the crop.

Built by ByteVancer

ByteTools is a free product of ByteVancer, a software and web development studio that builds web apps, SaaS platforms and custom software. If you need a tailored tool, internal app or a polished product built for your business, explore what ByteVancer can do.

Guide