By Updated

Image Resizer

Resize images by exact pixels or percentage with optional aspect ratio lock.

Interactive tool

Why resize images?

Websites, forms, and APIs often require maximum width or height. Resizing keeps subjects recognizable while meeting pixel limits and reducing download size.

Downscaling discards real pixels and stays sharp, while upscaling invents pixels between the ones that already exist
Downscaling throws information away and still looks sharp, because every remaining pixel is real. Upscaling averages neighbours, so it adds no detail.

How to use

  1. 1Upload an image.
  2. 2Either enter target width and height, or use a percentage scale.
  3. 3Leave aspect lock on to avoid stretching (one dimension can be auto calculated).
  4. 4Download the resized file.
What you get

Key features

Pixel or percent

Resize by exact dimensions or uniform percentage.

Aspect ratio

Lock proportions when only width or height is set.

Browser canvas

Uses HTML Canvas. No server upload.

When to resize vs compress

Resizing reduces pixels; compression reduces bytes per pixel. Use both when photos are too large in dimensions and file size.

Common use cases

  • Avatar and profile picture constraints
  • Product thumbnails
  • Banner templates

Why upscaling does not add detail

  • Enlarging an image invents pixels by interpolating between the ones that exist. It can make a picture bigger, but it cannot recover detail that was never captured, and past about 150% the result usually looks softer than the original did.
  • If you need a larger image, going back to the source at a higher resolution beats any amount of resampling.
  • Downscaling is the opposite: it genuinely discards information and almost always looks good, which is why reducing dimensions is such an effective way to shrink a file.

Aspect ratio, and the two ways to change it

  • Locking the aspect ratio keeps the proportions, so setting one dimension derives the other. This is what you want almost always, because unlocking it stretches faces and circles in a way that reads as wrong even to people who cannot say why.
  • When an image genuinely has to fit a different shape, crop rather than stretch. Cropping loses part of the picture but keeps everything that remains looking correct.
Pro tips

Tips & best practices

Resize for the largest place it appears

Pick the dimensions from the biggest slot the image occupies, then let CSS scale it down for smaller screens. Sizing for the average leaves it soft on desktop.

Double it for retina screens

A 600 pixel wide slot on a high density display wants a 1200 pixel image. Beyond twice, the extra pixels cost bandwidth and show nothing.

Resize once, from the original

Each resample softens the image slightly. Going 4000 to 2000 to 800 looks worse than going 4000 straight to 800.

Check the aspect ratio before you commit

Unlocking the ratio to force a shape stretches faces and circles in a way readers notice even when they cannot name it. Crop instead.

Resize before compressing, not after

Dropping the dimensions removes pixels outright, which shrinks a file far more cleanly than pushing the quality slider down at full size.

Built for trust

Privacy & security

Images are processed locally in your browser.

Frequently Asked Questions

How do I keep aspect ratio?

Leave “maintain aspect ratio” on and set only width or height. the other dimension is computed.

Does resizing reduce quality?

Downscaling discards pixels; you cannot recover full quality from the smaller export.

Is this private?

Yes, resizing runs with Canvas in your browser.

Can I upscale?

You can enter larger dimensions, but quality will not exceed the original detail.

Which formats work?

Most browsers decode common web image formats; output format follows your input type when possible.