Skip to main content
L
Loopaloo
Buy Us a Coffee
All ToolsImage ProcessingAudio ProcessingVideo ProcessingDocument & TextPDF ToolsCSV & Data AnalysisConverters & EncodersWeb ToolsMath & ScienceGames
Guides & BlogAboutContact
Buy Us a Coffee
L
Loopaloo

Free online tools for developers, designers, and content creators. Your files are processed in your browser and are never uploaded - no accounts required. A few network utilities (like What's My IP and Currency Converter) call public APIs to do their job and say so on their pages.

support@loopaloo.com

Tool Categories

  • Image Tools
  • Audio Tools
  • Video Tools
  • Document & Text
  • PDF Tools
  • CSV & Data
  • Converters
  • Web Tools
  • Math & Science
  • Games

Company

  • About Us
  • Contact
  • Blog
  • FAQ

Legal

  • Privacy Policy
  • Terms of Service
  • Disclaimer

Support

Buy Us a Coffee

© 2026 Loopaloo. All rights reserved. Built with privacy in mind.

Privacy|Terms|Disclaimer
  1. Home
  2. Image Processing
  3. Image Cropper
Add to favorites

Image Cropper

Whole-pixel crops with the rectangle typed or dragged, checked by decoding the output and comparing it with the pixels that went in. Quarter turns and mirrors are exact permutations, so nothing is clipped.

Edits stay in your browserMore image processingJump to full guide

Related reading

  • Image Background Removal: Techniques and Best Practices12 min read

Initializing in your browser…

You might also like

Image to Base64

Turn an image into a data URL whose payload is decoded again and compared byte for byte with the file, with the media type taken from the file's own signature rather than its extension and the size cost of embedding stated in full.

Image Diff Comparator

Compare two images with a perceptual engine (pixelmatch) that ignores anti-aliasing, or an exact byte engine. Groups changes into regions with bounding boxes, reports SSIM, and handles size mismatches with an explicit policy.

Image Resizer

Resize with the filter named (Lanczos, Mitchell, Catmull-Rom, bilinear, box or nearest) and the option to average LIGHT rather than stored bytes, which is worth 1.24 stops on a detailed picture.

Image Cropper: a worked example

Take a 150 by 150 square out of a 400 by 300 picture, and find out whether the pixels survived.

Input

xy-grid.png 400 x 300 · rectangle 150 x 150 at (125, 75) · PNG out
What Image Cropper produces

Output

Every pixel inside the rectangle came out exactly as it went in
largest single-channel difference: 0 · 150 x 150 · image/png

Same rectangle as JPEG at 92: differs by up to 70 levels on 17,691 of 22,500 pixels

The rectangle is copied out of the decoded picture, encoded, and then decoded again and compared with what went in, so the verdict is a measurement. PNG comes back with a largest difference of exactly 0. JPEG does not, and the page says which pixels moved and by how much rather than repeating the usual claim that cropping is lossless. Turn the picture a quarter first and the working picture becomes 300 by 400: sizing it from the operation is what stops the old behaviour, which squeezed the turned image back into a 400 by 300 frame and left a crop at the edge 33.3 percent empty.

About Image Cropper

A crop discards the pixels outside the rectangle and keeps the ones inside it unchanged. That is the claim, and this page checks it rather than asserting it: the rectangle is copied straight out of the decoded picture, the output is encoded, and then the output is DECODED AGAIN and compared with the rectangle pixel by pixel. When the largest single-channel difference is 0, the page says every pixel came out exactly as it went in. When you choose a lossy format it says the opposite, with the number of pixels that moved and by how much. The rectangle is always a whole number of pixels. That sounds obvious and it is where the old version of this tool went wrong: on a 301 by 199 picture the default selection was 99.5 pixels wide, the panel rounded it to "100px" on screen, and the canvas truncated it to 99, so the number displayed and the file delivered were two different pictures. Width, height and both coordinates can now be typed as well as dragged, which is what "pixel-precise dimension input" has to mean.

How to use

  1. 1Upload your image
  2. 2Type the rectangle, or drag its corners, or pick an aspect ratio preset
  3. 3Use the quarter turn and mirror buttons if the picture needs orienting first
  4. 4Choose an output format: PNG keeps every pixel, WebP and JPEG do not
  5. 5Read the verdict panel, which says whether anything changed and by how much
  6. 6Download

Where this helps

  • Social media images

    Crop to the exact dimensions a platform expects, with the rectangle typed rather than dragged towards.

  • Straightening a phone photo

    Quarter turns and mirrors are exact, so orienting a picture costs nothing at all.

  • Product photography

    Trim to a standard frame and confirm from the verdict panel that the pixels inside it are untouched.

  • Cutting a shape

    Circle, hexagon, star and four more, saved as PNG or WebP so the area outside the shape stays transparent.

Key features

  • The rectangle is always whole pixels, so the numbers on screen are the file you get
  • Width, height, X and Y can be typed as well as dragged
  • The output is decoded again and compared with the rectangle, and the page states the result
  • Quarter turns and mirrors as exact permutations, checked against Pillow with zero pixels different
  • A quarter turn resizes the working picture instead of clipping it into the old frame
  • PNG, WebP and JPEG output, with the lossless one marked as lossless
  • Seven shape masks, with the alpha of the mask multiplying the picture so edges stay smooth
  • Aspect ratio presets for standard, social and print targets
  • Rule of thirds, golden ratio, diagonal and centre guides, drawn on the preview only
  • For a JPEG source, whether the rectangle sits on the minimum coded unit grid

How the crop is checked

Quarter turns and mirrors are exact permutations of the pixels: every output pixel IS an input pixel, moved, so nothing is averaged or interpolated. The page performs them as permutations and sizes the working picture from the operation, which is the part that matters. A quarter turn swaps width and height, and the old version rotated inside a canvas that kept the source dimensions: a 400 by 300 turned a quarter became a 300 by 400 picture squeezed into a 400 by 300 frame, so 50 columns were lost from each side and a crop at the edge came out 33.3 percent empty. The working picture is now 300 by 400 and all of it can be reached. Four quarter turns return the original bytes exactly, and every turn and mirror is checked against Pillow's own transpose with zero pixels different.

Three output formats are offered, and only three, because a browser canvas can write only three: PNG, WebP and JPEG. PNG is the default and is the lossless path. WebP and JPEG re-encode, and the verdict panel says so with the measurement rather than leaving you to assume.

For a JPEG source there is one more thing worth knowing, and the page says it. A JPEG stores 8 by 8 blocks grouped into minimum coded units, 16 by 16 pixels when chroma is subsampled 4:2:0, which is what cameras and browsers write. A crop whose origin lands on that grid can be performed in the CONTAINER, moving the entropy-coded blocks without decoding them, which is what jpegtran does and is genuinely lossless in the JPEG sense. This page re-encodes rather than doing that, so it tells you whether your rectangle would have allowed a container crop, because that is the difference between "no lossless option existed" and "one existed and this tool did not take it".

A colour profile does not survive, and neither does any other metadata: the picture goes through a canvas and comes back as bare pixels. The browser converts a wide-gamut source into sRGB as it draws, so the appearance is kept and the gamut is not.

Frequently asked questions

Does cropping reduce quality?

Not in PNG. The rectangle is copied out of the decoded picture and the output is compared with it after encoding: the largest channel difference is 0 and the page says so. In WebP or JPEG the pixels inside the rectangle are re-encoded, which does change them, and the page reports how many moved and by how much.

Can I enter exact pixel dimensions?

Yes, all four numbers: width, height, X and Y. They are whole pixels by construction, so what the panel shows and what the file contains are the same numbers.

Why does the picture get bigger when I turn it?

Because a quarter turn swaps width and height. A 400 by 300 becomes a 300 by 400. The working picture is resized to fit the turned image, so nothing is clipped and all of it can be cropped.

Is a JPEG crop ever lossless?

It can be, but not here. A crop whose origin sits on the JPEG minimum coded unit grid (16 by 16 pixels with the usual chroma subsampling) can be done in the container by moving the coded blocks, which is what jpegtran does. This page decodes and re-encodes, so it tells you whether your rectangle would have allowed a container crop rather than leaving the question unasked. For a lossless result here, save as PNG.

What happens to my EXIF and colour profile?

They are lost, because the picture goes through a canvas. If the source carries an EXIF Orientation tag the browser has already applied it, so the working picture is the right way up and any turn you add is on top of that; the page names the tag when there is one.

Related tools and how they differ

  • Image Resizer: Changes the number of pixels with the resampling filter named; a crop keeps the pixels it keeps, a resize replaces all of them.
  • Image Rotation & Flip: Quarter turns, mirrors and free angles with the same exact permutation this page uses, plus the EXIF Orientation tag read and named.
  • Image Compressor: Bisects on quality to hit a file size and measures what the compression cost; use it after a crop when the bytes matter.

Further reading

  • Image Background Removal: Techniques and Best Practices12 min read

Private by design

Images are decoded, edited, and exported entirely inside this browser tab. No originals, exports, or metadata are uploaded.