Image Resizer

How to use 3 steps
  1. Choose a picture under Select Image to Resize.
  2. Enter the New Width and New Height in pixels.
  3. Press Resize Image, then download the result.
Resized Output Image

How this tool works

The image is drawn onto a canvas at exactly the width and height you enter. Both are used as given, which means the proportions are not protected: enter numbers that do not match the original ratio and the image stretches or squashes to fit them. That is worth knowing before you use it, because the tool will do exactly as asked without warning that the result is distorted.

The output is a PNG, so the result is lossless and any transparency survives. Scaling is done by the browser's own image smoothing, which is a good general-purpose resampler — better than nearest-neighbour, not as good as a dedicated tool at very large reductions.

Getting a resize that looks right

  • Work out the second dimension first: divide the original height by the original width and multiply by your new width. The Aspect Ratio Calculator in this category does exactly that arithmetic.
  • Reducing is safe, enlarging is not: making an image smaller discards information cleanly. Making it larger invents nothing — the result is the same detail spread over more pixels, and it looks soft.
  • Large reductions in one step lose detail: shrinking to a small fraction of the original in a single pass can leave fine detail muddy. Two moderate steps often look better than one drastic one.
  • PNG output is lossless and large: a resized photograph will be much bigger than the JPEG it came from despite having fewer pixels. Convert afterwards if the file size matters.

Both numbers are used exactly as entered

There is no aspect ratio lock. Enter a width and height that do not match the original proportions and the image stretches or squashes to fit them, without warning.

That is worth stating first, because the [msm_tool slug="image-resizer"] will do exactly what you asked rather than what you probably meant. A 1600×900 photograph resized to 800×600 comes out visibly squashed, and it is the kind of distortion that is obvious to everyone except the person who made it.

Work out the second dimension first

The arithmetic is one line: divide the original height by the original width, then multiply by your new width.

A 1600×900 image resized to 800 wide needs a height of 900 ÷ 1600 × 800 = 450. The Aspect Ratio Calculator in this category does exactly that if you would rather not.

Deliberate distortion is occasionally useful — stretching a texture, squashing a background — but it should be a decision rather than an accident.

Reducing is safe, enlarging is not

Making an image smaller discards information cleanly. The result is genuinely sharp, because there was more detail available than the new size needs.

Making it larger cannot invent detail that was never captured. The same information is spread over more pixels, and the result is soft. No setting changes this, and the tools that appear to do it well are guessing at plausible detail rather than recovering real detail.

The practical rule: always start from the largest version you have. Resizing down from an original is fine; resizing up from something already reduced compounds the loss.

Large reductions benefit from two steps

Shrinking to a small fraction of the original in one pass can leave fine detail muddy, because the resampler is averaging across a large number of source pixels for each output pixel.

Two moderate steps — say 100% to 50%, then 50% to 25% — frequently look better than one drastic one. It is not a rule for every image, but if a heavily reduced version looks worse than expected, this is the first thing to try.

PNG output, and what it costs

The result is a PNG: lossless, and transparency survives. It is also large. A resized photograph will often be several times the size of the JPEG it came from, despite containing fewer pixels.

Resize first, convert last. One re-compression at the end of the process costs far less than compressing at every step.

The sizes worth knowing

Rather than resizing to whatever looks right, resize to what the destination actually uses:

  • Full-width hero images — 1920 or 2400 wide is ample for almost any site. Larger is bandwidth nobody sees.
  • Content images — twice the display width, so 1600 for an 800-pixel column, which covers high-density screens.
  • Thumbnails — twice the display size, and no more. This is where oversized images most often hide.
  • Email — 600 wide is the long-standing convention and still holds.

Serving a 4000-pixel photograph into a 400-pixel slot is one of the most common performance faults on the web, and it is entirely invisible until someone measures it on a phone connection.

Resizing is not the only lever

If the goal is a smaller file rather than smaller dimensions, converting to WebP usually achieves more than resizing does, and without losing any detail. The two together — correct dimensions, then a modern format — typically reduce a photograph by an order of magnitude with no visible difference.

Frequently Asked Questions

Specific to the Image Resizer. Broader questions about this category are answered on the category page.

Both dimensions are used exactly as entered, and they did not match the original proportions. Calculate the second dimension from the first rather than guessing.
Not here — both values are applied as given. Work the matching dimension out first, which is what the Aspect Ratio Calculator is for.
The output is PNG, which is lossless. Fewer pixels stored losslessly can still be bigger than more pixels stored as a JPEG.
You can, but it will look soft. Enlarging spreads the existing detail over more pixels; it cannot create detail that was never captured.
No. It is read and redrawn in your browser, so nothing leaves your device.

Subscribe to receive notifications about new tools, features, and productivity tips.