# Image Resizer & Cropper

Canonical URL: https://offlineutils.com/image-resizer
Category: Media & Design
Published: 2026-06-24
Publisher: offlineutils.com
Runs entirely in the browser; nothing entered into the tool is uploaded.

> 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.

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.

## Features

- 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

## Use cases

- 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 it

1. **Drop an image** — Drag-and-drop or pick a file. It loads into the editor in-browser.
2. **Resize and crop** — Enter target dimensions or drag the crop box. The preview updates live.
3. **Pick output format** — Choose PNG, JPEG, or WebP. Tune quality for lossy formats.
4. **Download** — Click Download to save the processed image.

## When to use it, and when to use something else

- **vs Photoshop / Affinity Photo** — use Image Resizer & Cropper when you just need to resize and crop — not retouch or composite. Use Photoshop / Affinity Photo when you need layers, masks, or destructive editing.
- **vs tinypng.com / squoosh.app** — use Image Resizer & Cropper when you want resize + crop + format change in one place. Use tinypng.com / squoosh.app when 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.

## Related tools

- https://offlineutils.com/image-converter
- https://offlineutils.com/exif-stripper
- https://offlineutils.com/svg-to-png