toolgarden.xyz
中文

Image crop

Free online image crop tool that runs locally in your browser with a draggable crop frame

Image crop

Supported formats
JPGPNGWebPGIFBMPSVGAVIF

All file processing happens locally. Files are not uploaded to any server, and data is cleared when you close the page.

Crop editor

IMG

Waiting for an image

Upload an image, move the crop frame, or drag its edges and corners to adjust the crop size.

About this tool

Cropping recomposes an image by retaining a selected rectangle and directly reducing output pixels. It removes unwanted edges, switches horizontal or vertical framing, and fits fixed ratios required by avatars, article covers, and social platforms.

A crop does not move subjects inside the original; it discards everything outside the selection. A locked ratio keeps a series consistent, but people, text, safety margins, and visual balance still need inspection so important content is not cut unintentionally.

How to use it

  1. Upload and choose a ratio

    Use free crop or a fixed ratio such as 1:1, 4:3, or 16:9 according to the final container.

  2. Move and size the selection

    Keep the subject in a safe region with enough space around text, faces, and edges.

  3. Check real dimensions

    Confirm the remaining pixels are sufficient, then preview and download the cropped copy.

Supported range and limits

How it works
Drag a crop box to select the region, then move or resize its edges
Lossy?
Cropping itself only discards pixels outside the box; pixels inside are untouched; but exporting as JPG adds one lossy re-encode
Output size
Exactly the crop box in pixels; no scaling is applied
vs Resize
Cropping changes what is in frame (content is lost); resizing changes pixel density (content is kept)
Transparency
Preserved for PNG and WebP output; filled in for JPG
Irreversible
Content outside the box is not written to the output; go back to the original to redo it

When you would use it

  • Standardizing content covers

    Crop mixed source images to one ratio so a card grid remains visually aligned.

  • Extracting part of an image

    Retain an error area, chart, or subject from a screenshot while excluding unrelated information.

  • Cutting the irrelevant UI out of a screenshot

    Keep only the region you are explaining so the reader is not distracted by browser chrome and side panels.

What to know before you start

  • Discarded pixels are absent from the export, so keep the original for future recomposition.
  • Social platforms may crop again on different devices; keep critical content away from edges.
  • A very small crop becomes blurry when enlarged, so check the output pixel dimensions.

Related concepts

aspect ratio
The fixed relationship between crop width and height.
safe area
A region where critical content should remain visible even if a display container crops again.

Frequently asked questions

Does image crop upload my files?
No. Images are decoded, cropped, and exported locally in your browser. Files are not uploaded to a server.
Can I drag the crop frame?
Yes. You can drag the crop frame to move it, and drag its edges or corners to change its size.
Does crop also resize the image?
No. The crop tool exports the selected crop area at its crop dimensions. Use Image resize when you need a specific width or height.
Can I choose the output format?
Yes. You can export JPG, PNG, or WebP. JPG does not support alpha transparency, so transparent areas are filled with white.
How is cropping different from resizing?
Cropping discards what falls outside the frame; smaller framing, same pixel density. Resizing keeps everything and scales it; same framing, different pixel count. To shrink a file you usually want resize; crop is for emphasising a region.
Can I crop to a fixed aspect ratio?
The crop box is freely draggable. For a strict 1:1 or 16:9, watch the box's pixel dimensions and align manually; the ratio is not locked for you.