Skip to content
brownie.tools

Image Cropper

Frame a subject, set exact output dimensions, and crop locally with transparent shapes or a file-size target.

Choose image or drag & drop

PNG, JPEG, WebP, GIF, BMP - up to 100 MB

Need to crop multiple images?
Bulk Image Cropper

Runs locally in your browser. Nothing is uploaded or sent to a server.

Choose an image, adjust the crop box, and click Crop Image to get a downloadable cropped file. Use standard, social, or custom ratios; Rectangle or Circle shapes; and optional rounded corners. Set exact output dimensions separately from the selected source area, or let a social preset supply its target size. Export PNG, JPEG, or WebP, with an optional JPEG or WebP file-size target. Image processing runs on-device without uploading your file.

Updated

Work on images right from any web page: the free Image Tools extension compresses, converts, resizes and crops a picture with a right-click. Add to Edge · Add to Firefox

How do you crop an image to the size you need?

Choose an image, frame the region you want to keep, and click Crop Image. The tool separates the selected source area from the exported size: cropping chooses the content; Output size (px) optionally scales that content. Review the generated preview and dimensions, then click Download to save the new file.

For a worked example, start with an unrotated 3000 × 2000 photo and select 1:1. The initial crop takes 80% of each source dimension, then fits the ratio: 2400 × 1600 becomes a centered 1600 × 1600 selection at X = 700, Y = 200. Enter Width = 800 under Output size (px), keeping Lock to crop ratio checked. Height becomes 800, so the export scales the selected square by one half. The rest of the original photograph is excluded.

For manual placement, Dimensions (px) exposes X, Y, W, and H. X and Y locate the selection's top-left corner; W and H describe its size in image pixels. These fields are disabled while Straighten is active. Use the visual selection then, or reset straightening before entering exact coordinates.

Which aspect ratios and social presets are included?

Standard offers Free, 1:1, 4:3, 3:2, 16:9, 9:16, 4:5, 2:3, and 21:9. Free allows independent sides; the other choices constrain interactive resizing. Custom accepts your own W:H ratio. A ratio describes proportions, not resolution: selecting 16:9 alone does not prescribe an output width.

Social presets add fixed export targets. These are the tool's built-in dimensions, rather than a guarantee about how a destination will display or recompress your upload. The orientation swap inverts the ratio and swaps the preset's target width and height.

Built-in Social preset targets before custom output sizing or orientation swapping
UI presetOutput pixels
IG Post1080 × 1080
IG Portrait1080 × 1350
IG Story1080 × 1920
TikTok / Reels1080 × 1920
X / Twitter1600 × 900
X Header1500 × 500
YouTube1280 × 720
Facebook Cover820 × 312
LinkedIn Banner1584 × 396

How do output size, shape, and rounded corners interact?

Explicit Output size values take precedence over a social target. With neither set, export keeps the crop dimensions. Lock to crop ratio derives the other side from the field you edit; unlocking it permits different proportions and can visibly stretch a face or logo. Output sides are limited to 16384 pixels, but available browser memory can impose a lower practical limit.

Circle forces PNG and clips an ellipse into the output rectangle. Use equal output sides for a circle; unequal sides produce an oval. Rectangle supports Corner radius from 0 to 50% of the shorter exported side. The transparent corners require PNG or WebP, and setting a radius while JPEG is selected switches the format to PNG. The mask uses output dimensions, so rounding remains proportional after scaling.

How do you align a face or straighten a horizon?

Composition Grid offers Off, Rule of thirds, Golden ratio, Center crosshair, and Multi (thirds + golden). Golden ratio guides use 0.382 and 0.618 divisions. Guides help position a horizon or subject and are absent from the exported image. Shift-click to set a focal point: ratio or orientation changes then position a fresh crop around that point, constrained by the image edges.

Rotate & Flip provides quarter-turn rotation and horizontal or vertical mirroring. Straighten adjusts within −45° to +45°, with buttons stepping by 0.5°. Straightening keeps the transformed canvas dimensions rather than expanding the canvas, so inspect the edges for empty corners and crop inward when needed. For a separate rotation workflow, use Image Rotate.

Does cropping preserve image quality and metadata?

Cropping changes boundaries, but exporting renders a new image. PNG avoids lossy encoding; JPEG and WebP use a quality slider that starts at 92%. Scaling and straightening can resample pixels, and enlarging a small selection cannot recreate detail. Choose PNG without scaling when avoiding additional lossy compression matters; this does not make the file identical to the original or reverse earlier compression.

The crop is rendered locally with Canvas 2D. After rotation, flips, and straightening, drawImage() maps the selected source rectangle into the output canvas. A shape mask clips that drawing, and toBlob() encodes the result. Preview zoom changes your editing view rather than multiplying export resolution by your display's pixel density.

For JPEG input exported as JPEG, the metadata toggle transfers the source EXIF APP1 segment after encoding. Although the interface mentions EXIF/ICC, this export path does not copy ICC APP2 segments. It copies EXIF without rewriting its tags, so do not assume embedded dimensions or orientation have been updated to describe the crop. Leave metadata preservation off when those retained camera details are unwanted.

What happens if the cropped file exceeds the size target?

Max file size is available for JPEG and WebP. KB means 1024 bytes and MB means 1048576 bytes. The encoder first tries your selected quality, then searches down to 10%, using at most eight encodes. It keeps a fitting result from the tested quality levels; the search does not resize the image automatically or promise that every target is achievable.

If the minimum quality still exceeds the limit, the result card reports the missed target. Reduce Output size and crop again. Preserving JPEG EXIF adds bytes after the quality search, and the card checks the final blob against the target. For further size reduction, open Image Compressor; use Image Resizer when the main task is changing dimensions.

Which keyboard controls help with precise cropping?

With the crop editor focused, arrow keys move the selection by 1 pixel, or 10 with Shift. Ctrl or Cmd plus an arrow resizes it; Enter generates the crop. Escape rebuilds the selection for the current ratio and focal point rather than undoing the last action. Ctrl or Cmd plus Z invokes undo; the modified Y key or Shift+Z invokes redo. Plus and minus adjust preview zoom between 0.5× and 5×.

What stays on your device, and which files can you use?

The upload area lists PNG, JPEG, WebP, GIF, and BMP, accepts one image for this workflow, and caps the selected file at 100 MB. You can also paste a copied image with Ctrl+V or Cmd+V while the upload view is open. Loading still depends on the browser decoding the file. Export creates a single rendered image, so an animated input does not produce an animated crop. Large decoded images and output canvases also consume memory beyond the compressed file size.

The crop operation uses local object URLs and browser canvases without uploading the image. The site's connect-src 'self' policy permits connections only to this site; it is not a claim that the page makes no same-origin requests. For multiple files, use the separate Bulk Image Cropper. Cropping here creates a downloadable result without overwriting your source file.

How to Use Image Cropper

  1. Choose image or drag & drop

    Select one image or drop it into the upload area. The file limit is 100 MB; the displayed input formats are PNG, JPEG, WebP, GIF, and BMP.

  2. Standard, Social, or Custom

    Choose a ratio group, then a preset or custom width-to-height ratio. Drag the crop box and handles to frame the subject; use Composition Grid for alignment.

  3. Output size (px)

    Optionally enter Width or Height with Lock to crop ratio checked. Choose Rectangle or Circle under Shape, then select the output format. For JPEG or WebP, optionally set Max file size.

  4. Crop Image

    Generate the crop, review its preview, dimensions, and any file-size result, then click Download. You can edit the output filename before saving.

Frequently Asked Questions