“My profile picture got cut off after I uploaded it.” “The form says to upload a 1:1 image.” “I just want to remove the extra parts of this screenshot.” All of these are jobs for cropping — cutting an image down to just the part you need.
This guide explains how cropping works, how to pick an aspect ratio, which pixel sizes suit common uses, and how to crop for free in your browser.
What is image cropping?
Cropping means keeping one part of an image and discarding the rest. Unlike resizing, which scales the whole picture, cropping changes what the picture contains — to improve composition, match a required ratio, or remove something at the edge.
Image editing has a few similar operations, and they solve different problems.
| Operation | What changes | Effect on the original | When to use it |
|---|---|---|---|
| Cropping | The visible area (composition) | Part of the image is cut away | Match a ratio, remove unwanted edges |
| Resizing | Pixel width and height | The whole image is scaled | Fit display sizes, reduce dimensions |
| Compressing | Data size (quality) | The whole image gets lighter | Speed up loading, shrink attachments |
| Converting | File format | The whole image is re-encoded | Keep transparency, switch to WebP |
Cropping pairs well with the other three: crop for composition first, then resize and compress.
Cropping rarely hurts quality: the crop copies original pixels at their native scale, so unlike upscaling it does not blur edges. Quality depends mostly on the file format and quality setting you choose when saving.
Aspect ratios, explained
The first decision in a crop is the aspect ratio — the relationship between width and height. A 1:1 ratio is a square; 16:9 is a wide rectangle. Same ratio, same shape, whatever the pixel size.
Here are the ratios you will meet most often, with typical uses and sizes.
| Ratio | Shape | Common uses | Typical size |
|---|---|---|---|
| 1:1 | Square | Social media icons, ID photos | around 640×640px |
| 4:3 | Slightly wide | Slides, documents, compact cameras | around 800×600px |
| 3:2 | Wide | Photo prints, blog headers | around 900×600px |
| 16:9 | Wide screen | Video thumbnails, wallpapers | around 1280×720px |
| 9:16 | Tall | Phone wallpapers, vertical video | around 1080×1920px |
When in doubt, start square: 1:1 is the safest choice for icons and form photos. If the destination gives you instructions, follow those first.
What you keep changes how it looks
A square crop of a wide photo throws away much of the left or right side. For portraits, center the face; for landscapes, keep the subject. Check that heads are not pressed against the frame.
If the original ratio is very different from the target, expect to lose more: cropping a 3:2 photo to 1:1 discards roughly a third of the width, so leave extra room when you shoot.
Three tips to protect quality
1. Start with a large original
A crop can never be bigger than the pixels it comes from, so check the source dimensions first and pick something larger than the output you need.
For a 640×640px icon, an original of 1200×1200px or more gives room to center the face. Aim for at least twice the final size.
2. Choose the right format
- PNG: lossless, best for screenshots, diagrams and transparency.
- JPEG: made for photos; stay around 80–90% quality to avoid blocky artifacts.
- WebP: a good balance of quality and file size.
3. Never overwrite the original
If you save the crop over the original, you cannot go back. Save under a new name or in a separate folder.
Huge images can fail to process: extremely large files (above roughly 10,000px per side) may exceed what your browser can hold in memory. Resize first, then crop, for a smooth result.
Composition tips for better crops
Moving the frame by a few pixels changes the whole feel of a photo. Before exporting, check three things.
- Center the subject: keep the face or product near the middle; hanging at the edge looks cramped.
- Watch the lines: tilted horizons stand out after cropping, so straighten the image itself.
- Balance the margins: for a square icon, a little space above the head looks natural — too little feels tight, too much looks small.
How to crop an image for free
Cropping does not require any software — a browser is enough. The Tools Hub image cropper lets you drag the frame, fine-tune with the corner handles, and lock ratios like 1:1, 4:3, 3:2 or 16:9 with presets. Your images never leave your device, and there is no sign-up.
How to use it (3 steps)
Choose an image
Open the image cropper and drag and drop the image you want to crop, or click to browse. PNG, JPG, WebP and GIF are supported.
Adjust the frame and ratio
Drag the frame to move it and use the corner handles to resize. Presets such as 1:1 and 16:9 keep the ratio locked, and the crop size updates live as you adjust.
Pick a format and download
Select PNG, JPEG or WebP and press Crop image. JPEG and WebP also let you fine-tune quality. Check the result and download it.
Tool mentioned in this article
Image Cropper
Drag to crop with ratio presets. Runs in your browser — free, no sign-up, nothing uploaded.
Once the composition is set, use the image resizer for an exact size and the image compressor to trim file size. For a different format, try the image converter.
Summary
- Cropping cuts out the part you need; resizing, compressing and converting all work on the whole image
- Pick the ratio by use case: 1:1 for icons, 16:9 for video thumbnails, 4:3 for slides and documents
- Crops reuse original pixels, so quality loss is minimal — format and quality settings matter more
- Start from an original at least twice the final size, and save the result under a new name
- With Tools Hub you can crop for free in your browser, with nothing installed and nothing uploaded
Start by cropping a square for your profile picture and fine-tune it until it sits perfectly in the frame.
FAQ
Does cropping reduce image quality?
No. A crop copies original pixels at their native scale, so it does not degrade the image. Quality drops only when you upscale or save with a low JPEG/WebP quality setting.
How do I choose an aspect ratio?
Match it to the destination: icons and ID photos are usually 1:1, video thumbnails and slides 16:9, blog headers 3:2, documents 4:3. If a platform states a requirement, follow that.
Can I crop images on my phone?
Yes. The tool runs entirely in the browser, so it works on mobile with no app to install.
Can I undo a crop?
You can re-adjust the frame before exporting, but a downloaded crop cannot be undone. Keep the original untouched and save the cropped version under a different name.
