webtools

Resize Image

Private: the image is resized on your device, never uploaded

Presets

Drop an image in to start. The width and height boxes fill in with its real size.

Set an exact width and height, or scale by a percentage. The aspect ratio is locked by default so nothing gets squashed, and the presets cover the sizes people actually ask for: 1920, 1280 and 800 wide for the web, 1080 square for Instagram, 500 square for a WhatsApp photo. If you ask for something bigger than the original, the page says so instead of quietly blurring it.

About this image resizer

Resizing is the one image job almost everybody needs and almost nobody wants to install software for. An upload form rejects anything over 2 MB, a website wants 1200 pixels wide, a profile photo wants a square. All of that is a few lines of arithmetic and one call to the browser's own drawing engine, so there is no reason to send your photo to somebody else's server to do it.

This page decodes your file, draws it onto a canvas at the size you asked for with high quality smoothing switched on, and encodes the result. The format is kept: a JPEG stays a JPEG, a PNG stays a PNG. A GIF or an AVIF comes back as a PNG, because a browser can decode those but cannot write them, and a PNG is lossless so the resize stays the only change made.

Two things it will tell you rather than hide. If your target is bigger than the source, you are upscaling, and no tool can add detail that the camera never recorded: the result is a softer version of the same picture. If your target is a different shape from the source, the picture is being squashed, which is what happens when a square preset meets a landscape photo. Crop it first if you want a square that still looks right.

One side effect worth knowing: redrawing through a canvas drops every EXIF tag, including the GPS coordinates your phone wrote into the file. For most people that is a bonus, not a loss, and the EXIF viewer will tell you what the original was carrying if you want to see it first.

How to resize an image

  1. Drop an image on the box, click it to browse, or paste one onto the page.
  2. The boxes fill in with the real size of your image. Type a new width and the height follows, because the ratio is locked.
  3. Or press a preset. 1920 wide suits a full width banner, 1280 a blog image, 800 a body image on a page.
  4. For a percentage instead, switch to By percent and drag. 50 percent is a quarter of the pixels and usually a quarter of the file.
  5. Untick Keep the aspect ratio only when you genuinely want a fixed box and do not mind the distortion.
  6. Press Download. The file saves with its new dimensions in the name, and your original is untouched.

Common questions about resizing images

Will resizing make my image blurry?

Making it smaller, no: you are discarding pixels, and the browser averages them properly with high quality smoothing, which is why a downscaled photo often looks sharper on screen than the original did. Making it bigger, yes: there is no extra detail to draw, so the browser interpolates and the result is soft. The page warns you when the size you asked for is larger than the source, because that is almost always a mistake rather than a choice.

Why does my square preset squash the photo?

Because a resize changes the size, not the shape. A 4000 by 3000 photo squeezed into 1080 by 1080 has to lose a third of its width, and stretching is the only thing a resize can do about that. If you want a square that still looks right, crop to a square first and then resize the crop. The page says when the shape is changing so it is never a surprise at download time.

Does resizing send my image to a server?

No. Decoding, drawing and encoding all happen in your browser. Verifying that takes about a minute and is worth knowing how to do for any tool making this claim: F12 opens the developer tools, the Network tab lists every request a page makes, and resizing an image here adds none to the list. The blunt version of the same test is to go offline first, because a page that needs a server stops working at that point and this one does not.

What size should a web image be?

Match the largest space it will actually fill, then stop. A full width hero on a normal laptop needs about 1920 pixels wide, a blog image inside a text column about 1280, an image beside text about 800, and a thumbnail 400. Sending a 6000 pixel photo to a slot 800 pixels wide costs your visitor around fifty times the bytes for no visible gain, and it is one of the most common reasons a page feels slow on a phone.

Does it keep the file format?

Yes for JPEG, PNG and WebP. A GIF or an AVIF comes back as a PNG, because browsers can read those formats but cannot write them, and a PNG keeps the pixels exactly as drawn. If you want a specific output format, use the convert tool after resizing, or before it.

Can I resize several images at once?

Not yet: one at a time, and the settings stay put when you drop the next one, so a run of photos at the same width is quick. The reason is memory. Decoding a dozen camera photos at once in a browser tab is how a phone kills the page mid job, and losing the batch at image nine is worse than dropping them in one by one.

Next

Related tools

All Image tools