Image Cropper & Rotator
Crop images to custom or preset aspect ratios, rotate 90°, and flip horizontally or vertically.
Free browser-based tool. Files are processed locally in your browser.
Open the Image Cropper & RotatorInteractive Image Cropper & Rotator workspace loads in your browser.
How to Use the Image Cropper & Rotator
Frame your subject using preset aspect ratios or exact pixel coordinates, rotate in 90-degree increments, flip horizontally or vertically, and export in PNG, JPG, or WEBP format.
- 1
Upload a JPG, PNG, or WEBP image
Select or drag and drop your image into the workspace. The interactive crop canvas loads your image with a rule-of-thirds grid overlay and corner/edge handles.
- 2
Choose an aspect ratio and adjust the crop box
Select Freeform, 1:1 Square, 4:3, 3:2, 16:9, or 9:16 Portrait. Drag inside the selection box to reposition it, drag any of the 8 handles to resize it, or type exact pixel values into the X, Y, Width, and Height coordinate inputs.
- 3
Apply 90° rotation or horizontal/vertical flips
Use Rotate Left (90° counter-clockwise), Rotate Right (90° clockwise), Flip Horizontal, or Flip Vertical to fix sideways camera orientations or mirror compositions. The interactive canvas and pixel coordinates update immediately.
- 4
Preview, select output format, and download
Click Apply Crop to Preview (or inspect the live Cropped Result Preview), select PNG, JPG (with 70%–100% quality presets), or WEBP, and click Download Cropped Image.
Understanding Aspect Ratios, Pixel Coordinates, and Orientation
Cropping removes distracting outer margins from an image and changes its framing without distorting the subject’s proportions. Unlike simple resizing—which forces the entire image into a new width and height—cropping lets you isolate the exact rectangular region of interest using either locked aspect-ratio geometry or pixel-accurate `X`, `Y`, `Width`, and `Height` coordinates.
The AllToolsFree Image Cropper & Rotator combines an interactive pointer-enabled crop stage (supporting both mouse dragging on desktop and touch gestures on mobile) with non-destructive 90° rotation and mirror flipping, executing every transformation on a local HTML5 Canvas.
Common Practical Use Cases
- Cropping rectangular portraits into 1:1 Square avatars for profile pictures, team directories, and e-commerce product cards.
- Reframing photos to 16:9 Widescreen for video thumbnails and presentation slides, or 9:16 Portrait for mobile stories and reels.
- Correcting photos scanned upside-down or sideways using 90° clockwise and counter-clockwise rotation.
- Trimming browser toolbars, taskbars, or sensitive margins out of desktop and mobile screenshots using Freeform mode or exact pixel coordinates.
How Orientation Transforms Interact with Crop Coordinates
When you rotate an image by 90° or 270°, its horizontal and vertical dimensions swap (for example, a 1920 × 1080 px landscape image becomes a 1080 × 1920 px portrait canvas). This tool renders your active rotation and horizontal/vertical flip state onto an oriented source canvas first, and then applies your crop rectangle (`X`, `Y`, `Width`, `Height`) relative to that oriented view so the downloaded file always matches what you see on screen.
The numeric coordinate fields (`X` offset from left, `Y` offset from top, `Width`, and `Height`) are clamped automatically to the boundaries of the oriented image and enforce a minimum 4 × 4 px region, preventing out-of-bounds canvas errors.
Helpful Tips to Avoid Common Mistakes
- Use the built-in 3×3 rule-of-thirds grid overlay inside the crop box to align horizons or place your subject’s eyes along the upper grid intersections.
- If you only need to rotate or flip an image without trimming any edges, click Select Full Image after rotating so the crop box covers 100% of the oriented canvas.
- Use the numeric X, Y, Width, and Height inputs when you need repeatable, pixel-exact crops across multiple screenshots from the same screen resolution.
- Choose PNG or WEBP export when cropping graphics with transparent backgrounds; choose JPG at 90% quality for standard camera photographs.
Image Cropper & Rotator Frequently Asked Questions
Can I rotate or flip an image without cropping off any edges?
Yes. When you load an image or click Select Full Image, the selection rectangle covers 100% of the image dimensions. You can rotate 90° left or right or flip horizontally/vertically and download the full oriented image without trimming any pixels.
What is the difference between Freeform and locked aspect ratios like 16:9 or 1:1?
In Freeform mode, you can drag any edge or corner handle independently to create a rectangle of any proportion. When a preset like 1:1 Square or 16:9 is selected, resizing the crop box automatically maintains that exact width-to-height ratio.
How do the X, Y, Width, and Height pixel inputs work?
X and Y specify the top-left corner of the crop box in pixels (starting at 0, 0 in the top-left corner of the oriented image), while Width and Height define the exact pixel dimensions of the cropped output image.
Does cropping reduce image quality?
Cropping extracts the selected pixel region at 1:1 native resolution without upscaling or downscaling. If you export as PNG, the cropped pixels are saved losslessly; if you export as JPG or WEBP, quality depends on your chosen quality preset.
Related Browser Utilities for Image Cropper & Rotator
Explore complementary AllToolsFree utilities that pair directly with Image Cropper & Rotator:
Image Resizer – Scale Cropped Images to Exact Pixel Sizes
After cropping to a 1:1 or 16:9 aspect ratio, scale the image to your exact target pixel width and height.
Image Compressor – Reduce Cropped Image File Size
Optimize the byte size of your cropped PNG, JPG, or WEBP graphic before publishing.
Image to PDF Builder – Convert Cropped Scans to PDF
Combine cropped and rotated document photos or receipts into a clean multi-page PDF.