Pixel-level precision, no Photoshop required
You’ve got a 1920x1080 screenshot, but you only need that one dialog box in the middle. Or maybe you’re prepping 30 product photos and they all need to be cropped to the exact same 800x800 region. Drag-and-drop cropping is fine for one-offs, but when precision matters, and it always matters for production work, you need coordinates.
That’s what this tool does. Enter the left offset, top offset, width, and height in pixels. The server extracts exactly that rectangle. No guessing, no eyeballing, no “close enough.” The cropped region keeps every pixel at its original quality.
How it works in practice
- Upload your image with “Choose File”.
- Set the left and top values, that’s where the crop starts (0,0 is the top-left corner).
- Set the width and height of the area you want to keep.
- Click “Crop & Download”.
Here’s a real example. You’ve taken a full-screen capture at 1920x1080 for a tutorial. The interesting part, a settings panel, sits 450 pixels from the left, 200 from the top, and it’s about 600x400 pixels. Enter those four numbers: left=450, top=200, width=600, height=400. Done. Clean crop, no extra whitespace, no distracting browser chrome.
What makes coordinate-based cropping useful
- Repeatable results: same coordinates on same-layout images produce identical crops every time
- Works with any raster format: JPEG, PNG, WebP, all supported
- Zero quality loss: the crop is extracted directly, no re-encoding of pixel data
- Server-side speed: even large images crop in under a second
Situations where this shines
E-commerce product photography is a perfect fit. You shoot all your products on the same backdrop with the same camera position. Every photo has the product roughly in the same spot. Set your crop coordinates once, say, left=300, top=150, width=1200, height=1200, and apply them to the entire batch. Uniform thumbnails across your whole catalog.
Profile pictures and avatars need a specific square crop. Your headshot is 3000x2000, but LinkedIn wants 400x400. Figure out where your face is in pixel terms, crop to a square region around it, then resize with the Image Resizer if needed.
Bug reports and documentation look way more professional when you crop out everything except the relevant UI element. Nobody on your engineering team wants to scan a full-screen screenshot to find the one button that’s misaligned.
Consistent social media templates work best when every photo gets the same crop treatment. If your Instagram layout uses a specific image region, save those coordinates and reuse them across posts.
Need to scale the image instead of cutting out a piece? That’s the Image Resizer. Want to fix an upside-down photo before cropping? Run it through the Image Rotator first.
Questions that come up
How do I figure out the right coordinates?
Open your image in any viewer that shows pixel position on hover, Preview on Mac, Photos on Windows, or even your browser’s dev tools. Note where the region you want starts (that’s your left and top), then measure how wide and tall it is.
What if my crop box goes past the edge?
The server clips to whatever’s available within the image. It won’t crash or error out, but you’ll get a smaller crop than you expected. Keep your math in check: left + width shouldn’t exceed the image width, and top + height shouldn’t exceed the height.
Does cropping hurt quality?
Not at all. The cropped pixels are identical to the originals. There’s no re-compression happening.
Can I get a 16:9 crop?
Sure, just pick width and height values in that ratio. 1600x900, 1280x720, 800x450, whatever fits your source image. The math is on you, but the tool executes it perfectly.
One image at a time?
Yes. Upload, crop, download, repeat. It keeps things precise and the processing snappy.