How to Crop an Image to Exact Pixel Dimensions

“Upload a photo, 600 by 600 pixels.” You drag a box that looks about right, save it, upload it, and the form tells you it is 597 by 604. So you try again.

The fix is not a steadier hand. It is to stop dragging and start typing numbers, which any cropper worth using will let you do.

Why dragging is not enough

Freehand selection is genuinely good at one thing: deciding what should be in the frame. It is hopeless at producing an exact output size, for two reasons.

First, you are dragging on a preview, not on the image. A 4000-pixel-wide photo displayed in a 700-pixel-wide box means every pixel you move the mouse moves the real selection by nearly six. Landing on a specific number by hand is luck.

Second, plenty of destinations genuinely do reject anything else. Passport and visa photo portals, marketplace listing images, ad slots, app-store screenshots and print orders all specify dimensions exactly, and “close enough” comes back as an error.

What the four numbers mean

Any crop, in any tool, is described by four values. They are worth understanding once, because they are the same everywhere.

• X — how far the left edge of the crop box sits from the left edge of the image, in pixels.
• Y — how far its top edge sits from the top edge of the image.
• Width — how wide the crop box is. This is your output width.
• Height — how tall it is. This is your output height.

Pixel coordinates are counted from the top-left corner, not the bottom-left as in school geometry, so increasing Y moves down. X = 0, Y = 0 is the very top-left corner of the original.

The useful consequence: width and height set the size, X and Y set the position, and the two are independent. Type your required 600 × 600 once, then move the box around with X and Y until it frames what you want — the size never changes while you do it.

Cropping to an exact size

1. Load the image. Open the crop image tool and drop in a JPG, PNG, WebP, GIF or BMP. It is read directly by the page, so there is no upload.
2. Enter the width and height you need. Type the target numbers first, before worrying about position. That locks the output size.
3. Position with X and Y. Nudge until the selection sits over the part of the image you want. If you would rather aim by eye, drag a box on the preview and then round the resulting numbers off by hand.
4. Choose the output format and download. Keep the original format, or convert to JPG, PNG or WebP on the way out.

One check before you download: the crop box cannot extend past the edge of the image, so if X plus width exceeds the image width, something has to give. Either move the box left or accept a smaller crop — and if the size you need simply is not available in the source, see the next section.

Crop first, resize second

Cropping and resizing are different operations and the order matters more than people expect.

Cropping removes pixels. Keep the middle third of a 3000-pixel-wide image and you have a 1000-pixel-wide image — the kept pixels are untouched, but there are fewer of them. Resizing keeps the whole frame and recalculates every pixel to a new grid.

Do it in that order. Crop to the right region and the right proportions, then resize the result to the exact dimensions. Resizing first throws away detail in the area you were about to crop into, and the crop is then working from less information than it needed to.

This is also the answer when the exact size you need is larger than what cropping can give you. A crop can never produce more pixels than it selected, so crop to the correct ratio, then resize up to the required numbers — accepting that enlarging cannot invent detail the original never had.

Sizes worth knowing

Where a platform re-crops automatically, framing it yourself first is safer: automatic cropping usually centres, regardless of where the face or the subject actually sits.

What cropping costs you

Less than people fear, with one caveat. The pixels you keep are copied unchanged — cropping does not degrade them. What it does is leave you with a smaller image, which only becomes visible if you later enlarge it.

The caveat is re-encoding. Saving a JPG runs it through lossy compression again, costing a little quality once. If the image will be edited further, exporting as PNG or WebP avoids stacking another lossy pass on top.

And keep the original. A crop is permanent in the file you export, and the wider frame is often wanted later for a different layout — or as evidence of what was actually in the shot.

Frequently asked questions

How do I crop an image to exact pixel dimensions?

Type the numbers rather than dragging. In the crop image tool, width and height set the output size in pixels and X and Y position the crop box from the top-left corner of the image. Set the size first, then move the box — the size stays fixed while you reposition.

Can I crop a photo by pixels on a phone?

Yes. The tool runs in a mobile browser and the number fields work the same way, which is usually more precise than pinching and dragging on a small screen.

What do X and Y actually measure?

The distance in pixels from the top-left corner of the image to the top-left corner of your crop box. X = 0, Y = 0 is the corner of the original; increasing X moves right and increasing Y moves down.

Should I crop before or after resizing?

Crop first. Cropping then resizing keeps the maximum detail in the part you kept; resizing first discards pixels you were about to crop into, so the crop works from less information.

Does cropping reduce image quality?

The pixels you keep are copied unchanged, so no — but you end up with a smaller image, which will look soft if you enlarge it later. Exporting as JPG applies one round of compression; choosing PNG or WebP avoids that if further editing is planned.

Is my photo uploaded when I crop it?

Not with this tool. The preview, the selection and the crop all happen in your browser using the file on your own device, and nothing is transmitted.

In short

Typing four numbers is a smaller skill than it sounds and it removes an entire category of frustration. Size first, position second, crop before resize, keep the original.

Written by Mehran

Founder of QuickMerge. Practical guides built around the real behavior and limits of the tools. Connect on LinkedIn.