Tools/Image Tools/Image Cropper

Image Cropper Free Online - Custom Size & Ratio

Crop images easily with drag and resize controls. Lock or unlock aspect ratio, use popular presets, preview results live, and download high-quality cropped images instantly.

About this tool

Cropping selects the right framing for a product photo, centers a portrait for a profile picture, or removes distracting elements from a screenshot - all without opening a full editor. This tool handles that with drag handles and three common ratios: 1:1 for square formats like profile pictures, 4:3 for standard photo framing, and 16:9 for widescreen or video thumbnails.

There's no option to type an exact pixel size directly - if you need a precise dimension, crop to the closest ratio or freeform selection, then use the Image Resizer to hit the exact number. The output is always JPEG, so if your source PNG has a transparent background, that transparency does not carry over - the area becomes solid black instead.

Everything runs in your browser.

This image cropper offers a freeform drag selection or three fixed ratios - 1:1, 4:3, and 16:9 - with a live preview. There's no numeric field to type an exact pixel size; the crop area is set by dragging. The output is always a JPEG, even from a PNG source, so a transparent background does not survive cropping.

How to Use Image Cropper

Upload Image

Upload a JPG, PNG, or WebP image you want to crop.

Adjust Crop Area

Drag and resize the crop box or choose an aspect ratio preset.

Preview Result

Preview the cropped image in real time before downloading.

Download Image

Download your cropped image in high quality instantly.

Common Workflows

Square Crop for Profiles

Use 1:1 mode for a profile picture or square social media post.

Standard Photo Crop

Use 4:3 mode for a traditional photo framing.

Widescreen or Video Crop

Use 16:9 mode for a video thumbnail or widescreen banner.

Freeform Crop

Drag any region freely when none of the fixed ratios match what you need.

Need an Exact Pixel Size? Resize After Cropping

Crop to the closest ratio, then use the Image Resizer to hit a precise width and height.

Best For

  • Crop freely by dragging, or lock to 1:1 (square), 4:3 (standard photo), or 16:9 (widescreen/video) - these are the only ratio options, with no numeric pixel-size field.
  • Output is always JPEG, regardless of the source format - cropping a PNG with a transparent background turns that transparency into solid black, since JPEG has no alpha channel.
  • The downloaded file is always named cropped-image.jpg, whatever your original file was called.

Examples

Crop a photo to a square (1:1) ratio

Source & Settings

portrait.png - 1600x1200, mode set to 1:1, dragged over the subject

Result

cropped-image.jpg - a square JPEG at the dragged crop's pixel size

Verified directly in the tool's code: cropping always outputs JPEG, even from a PNG source. Any transparent area in a PNG becomes solid black in the result, since JPEG has no transparency channel and the tool doesn't fill it with any other color first.

Use Cases

Cropping a photo to a square profile picture

Use 1:1 mode to select a centered square region for a profile photo or square social post.

Cropping to a video thumbnail ratio

Use 16:9 mode to select a widescreen region matching common video thumbnail dimensions.

Removing unwanted parts of a screenshot

Use Free mode to drag a selection around just the relevant part of a screenshot or photo.

Common Mistakes

Problem

Expecting to type an exact pixel crop size

Solution

There's no numeric width/height field for the crop area - only freeform dragging or the 1:1, 4:3, and 16:9 ratio presets. For an exact pixel size, crop to the closest ratio and then use the Image Resizer on the result.

Problem

Cropping a transparent PNG expecting the output to stay transparent

Solution

The output is always JPEG, which has no transparency channel. Tested directly: a transparent area in a source PNG becomes solid black in the cropped result, not transparent and not white.

Problem

Looking for a circle crop or rotation option

Solution

Neither exists in this tool - only the freeform and 1:1/4:3/16:9 rectangular crop modes are available, with no rotation or straighten control.

Problem

Expecting the download to be named after your original file

Solution

The downloaded file is always named cropped-image.jpg (with a brand suffix), regardless of what your uploaded file was called.

Tips & Best Practices

Pick the ratio that matches your destination

1:1 for square profile pictures or posts, 4:3 for standard photo framing, 16:9 for widescreen or video thumbnails - or Free mode for anything else.

Crop first, then resize for an exact pixel size

Since there's no numeric crop input, get close with a ratio or freeform crop, then use the Image Resizer afterward to hit a precise width and height.

Flatten transparency to your preferred color first if it matters

Since cropping always outputs JPEG and turns transparent areas black, edit the background to a solid color you want in an image editor before cropping if the background color matters.

Rename the downloaded file if you're cropping several images

Every crop downloads as cropped-image.jpg, so rename each one after downloading if you need to keep track of multiple crops.

Limitations

No exact-pixel-dimension input

The crop area is set by dragging or by choosing 1:1, 4:3, or 16:9 - there's no field to type a specific width and height for the crop.

Always outputs JPEG - transparency is not preserved

Cropping a PNG with a transparent background does not keep that transparency. The transparent area becomes solid black in the JPEG output.

No circle crop or rotation/straighten control

Only rectangular freeform and 1:1/4:3/16:9 ratio crops are available - there's no shape option and no way to rotate or straighten the image first.

Downloaded filename is always the same

The output always downloads as cropped-image.jpg, not a name based on your original file.

Comparisons

Image Cropper vs Image Resizer

Cropping cuts away part of the image at its original scale; resizing changes the whole image's dimensions.

Image Cropper (this tool)Image Resizer
What changesWhat's kept - cuts away part of the imagePixel dimensions - the whole image scales up or down
Exact pixel controlNo - only Free drag or fixed 1:1/4:3/16:9 ratiosYes - type an exact width and height
Best forRemoving unwanted parts or matching a shape or ratioHitting a required pixel size

Which should you use?

Use the Cropper to cut away part of an image or match a common ratio. If you need an exact pixel size, crop first, then use the Image Resizer to hit the precise dimensions.

FAQs

The most common surprise is that there's no field to type an exact pixel crop size - only freeform dragging or the 1:1/4:3/16:9 ratios. The FAQ below covers that along with what happens to a PNG's transparency when cropped.

Can I crop to an exact pixel size, like 600x600?

Not directly - there's no field to type a specific width and height for the crop area. You can drag a freeform selection or lock to 1:1, 4:3, or 16:9, then use the Image Resizer afterward if you need a precise pixel size.

Does cropping keep my PNG's transparent background?

No. The output is always JPEG, which has no transparency channel. Tested directly: a transparent area in a source PNG becomes solid black in the cropped result.

Can I crop an image into a circle?

No, only rectangular crops are available - freeform dragging or the 1:1, 4:3, and 16:9 ratio presets. There's no circle or other shape option.

Can I rotate or straighten a photo before cropping?

No, this tool doesn't have a rotation or straighten control - only the crop selection itself.

What is the downloaded file named?

Every crop downloads as cropped-image.jpg (with a brand suffix), regardless of what your original uploaded file was called.

Is the cropping done on my device?

Yes. CoditTools crops the image entirely in your browser using JavaScript. Your file is never uploaded to any server.

Get more tools like this

Leave your email so we can prioritize similar tools and updates.

Trending Tools

Trending tools will appear as visitors explore the catalog.

Recently Used

Your recently visited tools will show up here.