100% offline
Media & Design
Free · no signup
Updated

Image Resizer & Cropper

An Image Resizer & Cropper changes the dimensions and quality of an image entirely in the browser using the HTML5 canvas API, so the image is processed and exported without ever being uploaded to a server.

Open an image to start. PNG, JPEG, WebP, AVIF — anything the browser can decode.

About Image Resizer & Cropper

Drop an image and pick a target width, height, or scale percentage. Optionally crop to a fixed aspect ratio (1:1, 4:5, 16:9, custom) with a draggable selection box. Choose output format (PNG, JPEG, WebP) and quality, then download the result. The original file is loaded into an ImageBitmap, drawn onto an off-screen canvas, and exported via canvas.toBlob — nothing leaves your tab.

What Image Resizer & Cropper does

  • Resize by absolute pixels, percentage, or one-axis with aspect lock
  • Crop with fixed-ratio (1:1, 4:5, 16:9) or custom selection
  • Output as PNG (lossless), JPEG, or WebP with quality slider
  • Side-by-side before/after preview
  • Re-encode strips EXIF metadata as a byproduct — privacy bonus
  • Powered by ImageBitmap + canvas.toBlob — file never uploads

When to reach for Image Resizer & Cropper

  • Shrinking a 12MP phone photo to a web-friendly 1600px before posting
  • Cropping a profile photo to a 1:1 square
  • Compressing a JPEG to fit under an email attachment limit
  • Producing a 16:9 banner from a portrait original

How to use Image Resizer & Cropper

  1. 01

    Drop an image

    Drag-and-drop or pick a file. It loads into the editor in-browser.

  2. 02

    Resize and crop

    Enter target dimensions or drag the crop box. The preview updates live.

  3. 03

    Pick output format

    Choose PNG, JPEG, or WebP. Tune quality for lossy formats.

  4. 04

    Download

    Click Download to save the processed image.

When to use Image Resizer & Cropper vs alternatives

AlternativeUse Image Resizer & Cropper when…Use the alternative when…
Photoshop / Affinity Photoyou just need to resize and crop — not retouch or composite.you need layers, masks, or destructive editing.
tinypng.com / squoosh.appyou want resize + crop + format change in one place.squoosh specifically gives you per-codec advanced tuning.

Frequently asked questions

What image formats are supported?
Anything the browser can decode — PNG, JPEG, WebP, GIF (first frame), AVIF, BMP. Output formats are PNG, JPEG, and WebP. HEIC input depends on your browser; Safari supports it natively, other browsers may not.
Does resizing reduce quality?
Downscaling uses bilinear or bicubic interpolation depending on your browser. Upscaling never adds detail — for AI upscaling, use a dedicated tool. Lower JPEG/WebP quality settings further reduce file size at the cost of artefacts.
Are EXIF data preserved?
No. The canvas re-encode strips all metadata including GPS coordinates and camera info. That's typically what you want when posting images publicly.