Crop, Resize, Compress, Convert: The Right Order for Image Edits

Why order matters

Every edit either removes pixels or changes how they are stored. Cropping and resizing change the number of pixels. Compression and format conversion change how those pixels are encoded, often permanently. If you do the destructive steps early, later steps work with less information.

The safe pattern is to decide what the picture should contain, then how large it should be, and only then how it should be saved.

Step one: crop to the subject

Cropping removes parts of the frame you do not need, which also removes pixels you would otherwise pay for in file size. Use the Image Cropper to drag a box over the subject and choose a fixed ratio such as 1:1 for avatars, 4:3 for general use or 16:9 for banners. Free mode is there when you need something unusual.

Crop first because it decides the final composition, and every later step depends on it.

Step two: resize to the real display size

Next, set the dimensions with the Image Resizer, by pixels or percentage, with the aspect ratio locked to avoid stretching. Presets for common social platforms save you looking up sizes. Aim for the size the image will actually be shown at, or at most twice that for sharp high-density screens.

Shrinking is safe. Enlarging is not, because the tool cannot invent detail that was never there.

A good way to make this routine is to create one folder for originals and another for finished files. Work through each picture in the same order every time, and write down the settings that worked, such as the ratio, the width in pixels and the quality value. After a few projects you will have a personal recipe for blog images, another for social posts and another for email attachments, and each new batch takes minutes rather than an afternoon.

Step three: compress

Run the result through the Image Compressor. Because the image is already the right size, the quality slider can do its work on far fewer pixels, and a setting around 75 to 80 is often a comfortable balance. Compare the before and after sizes and stop when the saving flattens out.

Step four: convert only if you must

Conversion comes last because it should answer a specific need. Use Convert to JPG when a form rejects PNG or WebP, or when a transparent image needs a solid background colour. Use Convert from JPG when you need PNG or WebP output. Remember that turning a JPG into a PNG does not restore detail the JPG already lost; it only changes the container.

1. Crop to the composition you want.
2. Resize to the display dimensions.
3. Compress with the quality slider.
4. Convert format only if the destination requires it.
5. Open the final file and check it at full size.

Mistakes that undo good work

Watch for these habits.

• Resizing a file that has already been compressed several times.
• Saving over your original instead of keeping a master copy.
• Converting back and forth between formats for no reason.
• Cropping to a ratio that the destination platform will crop again.

A practical scenario

A blogger has a wide photo of a market stall for a featured image. She crops to 16:9, resizes to 1200 pixels wide, compresses at 78 and exports as WebP. What began as a 5 MB camera file ends up light enough to load instantly, and every step happened in the browser without an upload.

Frequently asked questions