How to Crop and Resize an Image Online

Cropping and resizing are two separate edits. Cropping removes part of the picture and changes its framing. Resizing changes the pixel dimensions of what is left. An online image cropper and resizer usually does both in one session. This guide covers the order that gives the cleanest result, the settings that matter, and how to confirm the file you download is the one you need, for example a profile photo, a virtual background for video calls, or a webcam snapshot.

Before you start

Work out three things before you open any tool: the target size in pixels, the aspect ratio, and the file format the destination accepts. A profile picture, a video call background and a website banner often have different requirements. Check the current guidance of the service where the image will be used rather than relying on figures you remember, because these requirements change.

• Keep an untouched copy of the original file. Online editors export a new file, but saving over your only copy makes the edit irreversible.
• Check that the tool accepts your input format. Common formats such as JPEG and PNG are widely supported, while camera or phone formats such as HEIC may need converting first.
• Find out where the processing happens. Some browser-based tools process the image on your device, while others upload it to a server. Read the tool's own privacy information to see which it uses, how long files are kept, and whether they are deleted automatically. Treat these as claims to verify, not guarantees.
• Avoid uploading images that contain sensitive details, such as documents, screens or faces of other people, unless you have confirmed how the service handles files.

If the tool says it works locally, one way to sanity-check this is to load the page, disconnect from the network, and try the edit. If it still works, local processing is likely. This is only an indication, not proof of how the service handles data.

Step-by-step instructions

Exact button names and layouts differ between tools, so the steps below describe the settings to look for rather than specific menu paths.

• Open the image in the online editor using its upload or open option, or by dragging the file onto the page if the tool supports it.
• Crop first. Select the crop function and choose an aspect ratio preset, such as 1:1 for square avatars or 16:9 for widescreen backgrounds, if the tool offers presets. Otherwise enter a custom ratio or drag the crop frame freely.
• Position the crop frame. Keep the main subject away from the edges if the destination may crop the image again, for example into a circle for profile photos.
• Apply the crop. Some tools apply it immediately, others only when you export.
• Resize second. Open the resize option, make sure the aspect ratio lock (often shown as a chain or lock icon, or a 'keep proportions' checkbox) is enabled, and enter the target width or height in pixels. The other value should update automatically.
• Avoid upscaling where possible. Making an image larger than its cropped size cannot add detail and usually makes it look soft.
• Choose the file format. JPEG suits photos and gives small files but does not support transparency. PNG keeps transparency and sharp edges but produces larger files for photos. WebP, where the destination accepts it, supports both lossy and lossless compression and transparency.
• Set the quality or compression level if the tool offers one. Higher quality means a larger file; lower quality reduces size but can introduce visible artefacts.
• Export or download the file and give it a new name so it does not replace the original.

Cropping before resizing matters because resizing the full image first and cropping afterwards leaves you with fewer pixels than the target size, which may force you to upscale. If the destination needs an exact size such as a fixed width and height, crop to that aspect ratio first; the resize will then hit both numbers without distortion.

Check the output

• Pixel dimensions: open the downloaded file's properties or info panel in your operating system or an image viewer and confirm the width and height match your target.
• File format: check the format reported by the file properties, not only the extension. Renaming a file's extension does not convert it.
• Sharpness: view the image at 100% zoom. Look for blur from upscaling and for blocky patches or halos from heavy compression.
• Transparency: if the image should have a transparent background, place it over a dark and a light background in a viewer or editor. Areas that turn white or black were flattened during export.
• File size: compare it against the upload limit of the destination. If it is over the limit, lower the quality setting or reduce the pixel dimensions.
• Orientation and metadata: confirm the image is the right way up. Some tools keep camera metadata such as location, others strip it; check the file information if this matters to you.

Common problems and next steps

The image looks stretched or squashed. The aspect ratio lock was off during resizing, so width and height were changed independently. Start again from the original, crop to the target ratio, and resize with the lock enabled.

The result is blurry. The image was probably enlarged beyond its cropped size, or the quality setting was too low. Use a larger source image, crop less tightly, or raise the quality level when exporting.

The transparent background became white or black. The file was saved as JPEG, which cannot store transparency. Export again as PNG or WebP.

The file is still too large to upload. For photos, JPEG or lossy WebP at a moderate quality level usually produces much smaller files than PNG. Reducing the pixel dimensions also reduces file size.

The image appears rotated after export. Phones and cameras often store orientation as metadata instead of rotating the pixels. If the tool ignores or drops that metadata, use its rotate option before exporting so the orientation is written into the image itself.

The upload is rejected or the image does not open in the tool. The format may not be supported. Convert it to JPEG or PNG first, then crop and resize.

The picture is cut off in a video call or profile. Many platforms apply their own crop, such as a circle for avatars or a different ratio on mobile screens. Keep the important part of the image near the centre and leave some margin around it.