What cropping does
Cropping removes the outer parts of an image and keeps the area inside your selection. The pixels that remain are unchanged; the pixels outside the selection are discarded. This is different from resizing, which changes the pixel dimensions of the whole image. Crop first when you want a specific framing, then resize if you need exact dimensions.
Free crop vs fixed ratio
A free crop lets you drag the handles to any width and height. Use it when the subject sits off-centre or you want an unusual shape.
A fixed ratio locks the width-to-height relationship while you drag, so the result matches a platform requirement. Common choices:
| Ratio | Shape | Typical use |
|---|---|---|
| 1:1 | Square | Profile photos, avatars, Instagram grid |
| 4:3 | Landscape | Older cameras, slides, prints |
| 16:9 | Wide | Video thumbnails, banners, YouTube |
| 9:16 | Tall | Stories, Reels, phone wallpapers |
| 3:2 | Landscape | Most DSLR and mirrorless photos |
Pick the ratio before you drag, otherwise you may frame the shot and then have to reframe it.
Cropping for a profile photo
Profile pictures are usually displayed as a circle or square. Crop to 1:1 first, then centre the face. Leave a little space above the head so the circle crop used by most platforms does not cut into the forehead. If the original is a wide group shot, the 1:1 crop will be small, so check the result at the size it will actually be shown.
Cropping for banners and thumbnails
Banners and video thumbnails are wide. A 16:9 crop works for most video platforms. Keep the main subject near the centre or slightly to one side, because some layouts overlay text or play buttons on the edges. If the banner is very wide, such as a 4:1 header, crop to that ratio directly rather than cropping to 16:9 and hoping it fits.
Cropping for stories and vertical video
Stories and short vertical videos use 9:16. A horizontal photo cropped to 9:16 keeps only a narrow vertical strip, so choose a subject that still reads well when most of the frame is removed. If the original is already vertical, the crop is usually minor.
Choosing a format
| Format | Best for | Notes |
|---|---|---|
| JPG | Photos, email, web | Small files, no transparency |
| PNG | Graphics, screenshots, logos | Supports transparency, larger files |
| WebP | Web pages | Good compression, wide browser support |
JPG and WebP use lossy compression, so a low quality setting can produce visible blockiness or soft edges. PNG keeps sharp edges and transparency but files are often larger. For a photo going on a web page, WebP at a moderate quality setting is usually a good balance. For a logo or screenshot with text, PNG avoids the fuzzy edges that lossy compression can add.
Order of operations
- Crop to the ratio or shape you need.
- Resize to the exact pixel dimensions the destination requires.
- Save in a suitable format and check the file size.
Cropping before resizing means you only scale the part you keep, which avoids wasting pixels on areas that will be thrown away.
Checking the result
Open the saved file and zoom in on the edges of the crop. Look for cut-off heads, clipped text, or a subject that sits too close to the border. If the image will be shown as a circle, preview it that way. A crop that looks fine as a rectangle can lose corners when a circular mask is applied.
Questions
Does cropping reduce image quality?
Cropping itself does not change the pixels you keep, but saving as JPG or WebP applies compression that can soften detail. Save as PNG if you need to avoid that, or use a high quality setting.
What ratio should I use for a profile picture?
Use 1:1. Most platforms display profile photos as a circle or square, so a square crop with the face centred and a little headroom works well.
Can I crop an image without uploading it?
Yes. This tool runs in your browser, so the image is processed on your device and is not sent to a server. It also works offline once the page has loaded.
What is the difference between cropping and resizing?
Cropping removes outer areas and keeps the remaining pixels at their original size. Resizing changes the pixel dimensions of the whole image. Crop first, then resize if you need exact dimensions.