Tooltrusty

Image Resizer & Cropper

Hit an exact pixel size, or drag out the part of the picture you actually want.

Drop an image here or click to choose a file — JPG, PNG, WebP or GIF

Runs in your browser. Everything you type or load here is processed locally by JavaScript on this page. Nothing is uploaded to Tooltrusty or to any third party.

What the image Resizer & Cropper does

Two related jobs live on this page. Resizing changes how many pixels an image contains while keeping the whole picture. Cropping keeps the pixels but throws away the parts of the frame you do not want. Most real tasks need both, in that order: crop to the composition you want, then resize to the dimensions the destination requires.

The resize panel accepts an exact width, an exact height or a percentage, and keeps them in sync. With the aspect-ratio lock on — which it is by default — typing a width fills in the height that preserves the original proportions, so the image never stretches. Turn the lock off only when you deliberately want to distort. The preset buttons cover the widths that come up constantly: 1920 for a full-bleed hero, 1200 for a standard content image, 800 for an in-article figure, 400 for a thumbnail.

The crop panel lets you drag a selection directly on the preview. The area outside your selection dims so you can judge the composition, and the ratio dropdown constrains the selection to common shapes — 1:1 for a profile picture, 16:9 for a video thumbnail, 9:16 for a vertical story, 4:5 for a portrait social post. Applying the crop replaces the working image, so you can then switch back to the resize tab and set the final dimensions.

All scaling uses the browser's high-quality smoothing, which does a good job of downscaling. Upscaling beyond the original dimensions is possible but will look soft — there is no extra detail to invent, so enlarge only when you have no better source.

How to use it

  1. Load an image by dropping it on the box or clicking to choose a file.
  2. To crop, switch to the Crop tab, optionally lock a ratio, drag a selection on the image and press Apply crop.
  3. Switch to Resize and enter a width — with the ratio lock on, the height fills itself in.
  4. Pick an output format and download. PNG for graphics, JPEG or WebP for photos.

A worked example

Turning a landscape phone photo into a square profile picture:

  1. Load the photo. It is 4032 × 3024 — a 4:3 landscape frame.
  2. Open the Crop tab and set the ratio to 1:1 square. Drag a selection around the face; the selection stays square no matter how you drag.
  3. Press Apply crop. The working image becomes, say, 1800 × 1800.
  4. Back on the Resize tab, type 400 into Width. The height fills in as 400 automatically because the crop is already square.
  5. Choose JPEG at quality 90 and download. The result is a 400 × 400 file of around 30 KB — the right size for an avatar, down from 3.4 MB.

Frequently asked questions

Why does my image look soft after resizing?

Almost always because it was enlarged past its original dimensions. Scaling up cannot add detail that was never captured, so the browser interpolates and the result looks blurred. Downscaling is safe; upscaling is a compromise.

Can I crop to an exact pixel size?

Crop first to get the composition and ratio right, then switch to the Resize tab and type the exact width and height you need. Doing it in that order avoids distortion, because the crop has already set the proportions.

Does cropping lose quality?

The cropped pixels are copied at full resolution, so no quality is lost in the crop itself. Quality is only affected when you scale down or re-encode to a lossy format. Downloading as PNG keeps the crop pixel-perfect.

Does it work on a phone?

Yes. The crop selection responds to touch as well as mouse, and the preview scales to the screen. Very large images may be limited by the memory available on the device.