Start a project

Tool 24 of 57 · Images

Image Resizer & Cropper

Crop a photo to a square, 16:9, a story or a share image, resize it to the exact pixels you need and save it, without uploading it anywhere.

Image Resizer & Cropper at a glanceIllustration: 1, A photo; 2, processed in your browser; 3, Cropped and resized.Image Resizer & Cropper1A photo3Cropped and resized2In yourbrowser
1 A photo 2 processed on your device 3 Cropped and resized

Image Resizer & Cropper

Your image

Leave empty to keep the cropped size

Crop

Choose an image to start.

01

What it does

Crops to any shape or preset ratio, rotates, flips and resizes images, then saves JPEG, WebP or PNG.

  • Drag, keyboard or touch to place the crop
  • Presets for square, 16:9, 4:3, 4:5, 9:16 and 1.91:1
  • Exact output width and height
  • Rotate and flip

02

Private by design

Everything happens in your browser. Nothing you type, paste or upload is sent anywhere, and it keeps working offline once the page has loaded.

03

What you get

JPEG, WebP or PNG, with a Copy and a Download button on every result.

  • Crop
  • Resize
  • WebP

Why it matters

Every platform wants a different shape: square profile pictures, 16:9 heroes, 4:5 Instagram posts, 1.91:1 share images. Cropping in a desktop app means opening files, typing sizes and exporting each one.

Online croppers usually upload your photos to a server. This one works entirely in the browser, which matters for client photos and anything personal, and it still gives you exact sizes and modern formats like WebP.

How it works

  1. InputAn image from your device
  2. In your browserCropped, rotated and resized on a canvas
  3. OutputA JPEG, PNG or WebP at the exact size

Where it fits in a designer's workflow

  1. Plan
  2. Design
  3. Build
  4. Test
  5. Launch
Preparing images to the size each layout needs.

By the numbers

The sample photo saved as JPEG at different widths320 × 213: 14.9 KB; 480 × 320: 23.2 KB; 640 × 426: 33.1 KB; 800 × 533: 41.0 KB320 × 21314.9 KB480 × 32023.2 KB640 × 42633.1 KB800 × 53341.0 KB
Measured: the tool's 800 × 533px sample photo resized and saved as JPEG at quality 85 with Pillow. File size grows roughly with the number of pixels, so resizing to the width the page actually shows saves the most.
Show the numbers as a table
SizeBytes
320 × 21315,290
480 × 32023,767
640 × 42633,871
800 × 53341,940

How to use it

  1. Choose or drop an image.
  2. Pick a crop shape, then drag the box or use the arrow keys (Shift and the arrows to resize).
  3. Set an output width or height if you need an exact size.
  4. Choose a format and quality, then download.

FAQ

Is my image uploaded?

No. It's drawn on a canvas in your browser and saved from there. Nothing leaves your device.

Does it keep the photo's metadata?

No. Saving from a canvas drops EXIF data such as location and camera details, which is usually what you want for the web.

What if my browser can't save WebP?

Some older browsers can't save WebP from a canvas. The image is then saved as PNG, and the page tells you.

Can it enlarge an image?

Yes, but enlarging can't add detail, so the result gets soft. It's best to start from the largest version you have.

Work with me

Want a site that gets these right?

I build fast, accessible websites and web apps that pass these checks from day one. Tell me about your project and I'll reply personally with honest next steps.

All developer tools · Back to leej.uk