Skip to main content
Bethemesh
Images & graphics

Image cropper

Crop a PNG, JPEG or WebP image with a resizable frame and seven preset ratios, right in your browser.

  • Export

Embed this widget

Customize the result, check the live preview, then copy the code.

Preview

Embed code type

Code to copy

Responsive and automatically resized by Bethemesh.

Image
No image loaded

Drop an image here

Add a PNG, JPEG, or WebP image. The file stays on your device and all edits run locally in your browser.

Need more editing options?

Use multiple editing tools in one workspace, with your open file and its current edits.

Open the full editor

Was this tool useful?

How does this tool work?

Cropping keeps only the useful part of an image: remove a useless edge, centre a face, turn a photo into a square post or a 16:9 banner. This tool draws a frame with handles on your image, free or locked to one of six common ratios, and downloads the selected area without sending the file online.

When the image opens, the frame covers all of it. Choose a Ratio: Free, 1:1, 4:5, 4:3, 3:2, 16:9 or 9:16. With a fixed ratio, the frame instantly takes the largest size that fits in the image and centres itself; it then keeps that shape when you resize it with the handles or move it.

The frame's Dimensions in pixels are shown while you adjust it, so you can check the final resolution. The frame cannot leave the image and is at least 1 px. Apply crops the image; Cancel drops the current frame.

Cropping does not scale anything: the pixels you keep stay exactly the same. Undo (Ctrl+Z), Redo (Ctrl+Y) and Before / after remain available, and the downloaded file keeps the imported format.

How to use this tool

  1. Import the image

    Drop a PNG, JPEG or WebP image; the frame first covers the whole image.

  2. Choose the ratio and place the frame

    Select a ratio or Free, then adjust the frame with its handles.

  3. Apply and download

    Check the dimensions shown, click Apply, then download the image.

Initial frame for a fixed ratio

When a ratio is chosen, the largest frame with that shape that fits in the image is calculated, then centred.

Frame size

w = min(W, H × r); h = w ÷ r

Rounded to the pixel; r is the width ÷ height ratio.

Centred position

x = (W − w) ÷ 2; y = (H − h) ÷ 2

The frame can then be moved freely within the image.

W, H
image width and height
r
chosen ratio (16 ÷ 9 ≈ 1.778 for 16:9)
w, h, x, y
frame size and position

Use cases

Post on social media

Turn a landscape photo into a 1:1 square or a 4:5 portrait without distorting it.

Clean up a screenshot

Remove the taskbar, tabs or useless edges before sharing a screenshot.

Prepare a banner

Keep a 16:9 strip of a photo for a website header or a video thumbnail.

Examples

4,000 × 3,000 px photo cropped square

The side is limited by the height: 3,000 px. x = (4,000 − 3,000) ÷ 2 = 500 px. Then drag the frame if the subject is not in the middle.

Input

Image 4,000 × 3,000 px, ratio 1:1

Result

3,000 × 3,000 px frame, centred, 500 px from the left edge

The same photo in 16:9 and 4:5

In 16:9 the full width is kept and the height is 4,000 ÷ (16 ÷ 9) = 2,250 px. In 4:5 the height limits: 3,000 × 4 ÷ 5 = 2,400 px wide.

Input

Image 4,000 × 3,000 px, ratios 16:9 then 4:5

Result

16:9: 4,000 × 2,250 px at y = 375 px; 4:5: 2,400 × 3,000 px at x = 800 px

Tips and best practices

  • Choose the ratio before placing the frame: it is recalculated and recentred every time the ratio changes.
  • Check the dimensions shown: a tight crop on a small image may be too small for print.
  • For an exact pixel size (1,080 × 1,080 for example), crop to the right ratio, then resize.
  • To add margins instead of cutting, use the canvas resizer.

Sources and references

Frequently asked questions

Which ratios are available?

Free, 1:1, 4:5, 4:3, 3:2, 16:9 and 9:16. For another shape, choose Free and follow the dimensions shown.

Can I type exact coordinates?

No, the frame is adjusted with the mouse or a finger; its pixel dimensions are shown while you adjust it.

Does cropping reduce quality?

No. The pixels you keep are neither enlarged nor reduced; only JPEG or WebP re-encoding on export applies compression.

Can I undo a crop?

Yes, with Undo (Ctrl+Z) while the image is open, or with Cancel before applying the frame.

How do I rotate the image before cropping?

Use the rotation tool, or the full editor that combines rotation and cropping in one workspace.

Is my image uploaded to a server?

No. Framing, cutting and export are done in your browser.

Related tools

Keep going with these tools

Tools similar or complementary to this one.

Similar tools

Resize an image

Resize an image by setting its exact width and height before downloading the result.

Images & graphicsFeaturedUse this tool

Social media image resizer

Resize an image to the right dimensions for Instagram, Facebook, LinkedIn, YouTube, X, TikTok or Pinterest in one click.

Images & graphicsNewUse this tool

Read next