Workflows

Most image jobs need two or three tools. Order matters: every lossy save discards a little more, so the destructive step belongs at the end.

Prepare an image for a web page

Page images are the single biggest cause of slow loading. The goal is the smallest file that still looks sharp at the size it is displayed.

  1. 1Image cropperCrop to the ratio the layout uses, so nothing is cut off by CSS later.
  2. 2Image resizerResize to roughly twice the CSS display width for high-density screens.
  3. 3Image converterConvert to WebP at quality 78–82.

Result: A full-width hero typically lands between 120 KB and 300 KB instead of several megabytes.

Get a photo under an upload limit

Forms that reject files over 2 MB or 5 MB are usually rejecting a full-resolution phone photo, not a genuinely large image.

  1. 1Image resizerHalve the dimensions first — this removes about 75% of the pixels.
  2. 2Image compressorThen compress at quality 80 and check the reported output size.

Result: Resizing before compressing gets far more saving than pushing quality down alone.

Set up a profile picture

Platforms crop to a circle or square from the centre, so anything not centred gets cut.

  1. 1Image cropperCrop 1:1 with the face slightly above centre.
  2. 2Image resizerResize to 512 px square, which every platform accepts.
  3. 3Image compressorCompress at quality 85 — avatars are small, so do not over-compress.

Result: A sharp avatar that survives the platform's own re-encoding.

Publish a photo without giving away where it was taken

Phone photos carry GPS coordinates and device details in their EXIF block.

  1. 1Image cropperCrop out identifying detail in the frame itself.
  2. 2Image converterRe-encoding through the canvas drops the original EXIF block, including location, because only pixel data is carried across.

Result: A file with no embedded location. Verify with an EXIF viewer before publishing anything sensitive — do not take our word for it.

Make a set of images look consistent

Mixed sources look amateurish mostly because of mismatched ratios and tone, not resolution.

  1. 1Image cropperCrop every image to the same ratio.
  2. 2Image resizerResize all of them to identical dimensions.
  3. 3Image enhancerApply the same small contrast and saturation adjustment to each.

Result: A grid that reads as one set rather than a collection.