Urban Software
Free Tool

Free Image Resizer, exact dimensions in your browser

Resize a batch of images to an exact width and height, or scale them all by a percentage, right here in your browser. Lock the aspect ratio so nothing stretches, choose how each image fills the box when it does not, convert to modern WebP in a click, and download one file or the whole set as a zip. Nothing is uploaded, so even a folder of client photos never leaves your machine.

Almost every image you are handed is the wrong size for where it needs to go. A photo off a phone is four thousand pixels wide when the slot on the page is eight hundred, a logo arrives as a tiny thumbnail when you need it sharp on a banner, and a marketplace or a print shop demands one exact pixel size and rejects anything else. Getting an image to the right dimensions sounds trivial until you actually try it: the built-in tools stretch the picture until faces look wrong, the online ones upload your files to a server you know nothing about, and none of them tell you what you are going to get until after you have downloaded it. Worse, resizing badly is easy to do without noticing. Stretch an image to a size that does not match its shape and everything in it is subtly distorted. Enlarge a small image past its real resolution and you get a soft, blurry mess, because the extra pixels are invented, not recovered. This tool is built to make the right resize obvious and the wrong one visible: you set a target, you see the exact output size and the result on screen before you commit, and every image is processed on your own machine so nothing is ever uploaded.

01

What resizing actually does to the pixels

An image is a grid of pixels, and resizing rebuilds that grid at a new size by a process called resampling. Making an image smaller is the safe direction: the software has more information than it needs and averages neighbouring pixels down into fewer, which is why a downscaled photo stays crisp. Making an image larger is the dangerous direction, because the extra pixels do not exist in the original and have to be invented by guessing what sits between the pixels you have. That guess can be smooth, but it can never add detail that was not captured, which is why an enlarged image looks soft no matter how good the tool is. The practical rule that falls out of this is simple: resize down freely, and resize up only when you have no choice and only by a little. This tool draws every image on a canvas with high-quality smoothing so the downscale is as clean as the browser can make it, and it will enlarge when you ask it to, but it is honest about the fact that the extra size is interpolation, not recovered detail.

02

Dimensions and file size are two different things

It is easy to confuse resizing with compressing, because both make a file lighter, but they change different things. Resizing changes the dimensions, the actual width and height in pixels, and file size falls as a side effect because there are fewer pixels to store. Compressing keeps the dimensions the same and makes each pixel cheaper to store by discarding detail the eye does not notice. The two work best together and in that order: resize first so the image is no larger than the space it will occupy, then compress what remains. A two thousand pixel photo squeezed into an eight hundred pixel slot is wasting three quarters of its data no matter how hard you compress it, because the browser downloads the whole thing and then throws most of it away. That is why this tool exposes a quality dial alongside the size controls: you can hit the exact dimensions you need and set a sensible quality in the same pass, so the download is right on both counts. When your only goal is a lighter file at the same dimensions, the compressor is the tool for that instead.

03

Aspect ratio, and what happens when it does not match

Every image has an aspect ratio, the relationship between its width and its height, and the single most common way to ruin an image is to change that ratio without meaning to. Force a square target onto a wide photo by setting both dimensions and everything in it gets squashed, and a squashed face is instantly, unmistakably wrong. This tool defaults to keeping the aspect ratio locked, so when you give it a width and a height it treats them as a box and fits each image inside without ever distorting it. When you genuinely need an exact size that does not match the source shape, for a marketplace listing or an avatar slot, you turn the lock off and choose how the image should fill the box: cover scales it up until it fills and crops the overflow from the centre, contain scales it to fit and pads the gaps, and stretch forces it to the exact size and accepts the distortion. Because you can see the result and the exact output dimensions on screen before you download, you never have to guess which one you picked.

How to use it

  1. 1

    Add your images

    Drag images straight onto the tool or click to choose them. Add up to thirty at once, in PNG, JPEG, WebP, GIF, BMP or AVIF. Every file is decoded and resized in your browser, so nothing is uploaded and even sensitive images stay on your machine.

  2. 2

    Set the target size

    Choose Percentage to scale every image by the same factor, or Pixels to give a width and a height. With the aspect ratio locked, the width and height act as a box each image fits inside without distorting. Turn the lock off when you need an exact size, and pick how the image fills it.

  3. 3

    Choose the fit and format

    For an exact size, pick Cover to fill and crop, Contain to fit and pad, or Stretch to force the dimensions. Leave the format on Auto to convert to modern WebP, or force JPEG or PNG for compatibility, and set the quality for the lossy formats in the same pass.

  4. 4

    Download one or all

    Check the exact output dimensions and file size on each row, then download a single image or the whole batch as one zip. Exporting asks you to sign in with a free account, which is the only thing an account is needed for; resizing and previewing are always free and never require one.

Common mistakes

Enlarging a small image and expecting detail

Scaling an image up past its real resolution cannot add detail that was never captured; it only invents soft, guessed pixels, so the result looks blurry. Start from the highest-resolution original you have and resize down. If you must enlarge, do it by a little, and expect softness rather than sharpness.

Stretching an image to a size that changes its shape

Forcing a width and height that do not match the source aspect ratio squashes or stretches everything in the frame, and distorted faces and logos are glaringly obvious. Keep the aspect ratio locked, or if you need an exact size, use Cover to fill and crop instead of Stretch so nothing is distorted.

Resizing with CSS instead of resizing the file

Setting a small width in HTML or CSS only shrinks how the image is displayed; the browser still downloads the full-size file and scales it down on the fly, so the page is just as heavy. Resize the actual file to the dimensions it will be shown at, and the visitor downloads only what they need.

Resizing but forgetting to compress

Resizing to smaller dimensions helps, but a resized image saved at maximum quality is still heavier than it needs to be. Set a sensible quality here in the same pass, or run the result through the compressor afterwards, so the download is light on both dimensions and encoding.

Questions

Is this image resizer free, and are my images private?
Yes, it is completely free with no limits on how many images you resize. It also runs entirely in your browser: your images are decoded and redrawn on your own machine and are never uploaded to a server. Signing in is only required to download your results, so your work can follow you across our other tools. Because nothing is uploaded, it is safe to use on confidential or client images.
Will resizing reduce the quality of my image?
Making an image smaller keeps it crisp, because the tool has more detail than it needs and averages it down cleanly. Making an image larger is where quality suffers, because the extra pixels have to be invented and cannot add detail that was never there, so an enlarged image looks soft. The tool shows you the result and the exact output size before you download, so you can see the effect rather than guess it.
How do I resize an image without stretching it?
Keep the aspect ratio locked, which is the default. The width and height you enter then act as a bounding box, and each image is scaled to fit inside it while keeping its own shape, so nothing is distorted. Only when you turn the lock off and set an exact width and height that do not match the source does distortion become possible, and even then you can choose Cover to crop instead of stretch.
What is the difference between Cover, Contain and Stretch?
They decide how an image fills an exact target box when its shape does not match. Cover scales the image up until it fills the whole box and crops the overflow from the centre, so the box is full with no distortion. Contain scales the image to fit entirely inside the box and pads the leftover space. Stretch forces the image to the exact dimensions and accepts the distortion. Cover is usually what you want for thumbnails and avatars.
Can I resize several images to the same size at once?
Yes. Add up to thirty images, set a percentage or a pixel size once, and every image is resized with those settings. With the aspect ratio locked, each image fits inside your target box at its own shape; with an exact size, every image comes out at precisely those dimensions. You can then download them individually or grab the whole set as a single zip file.
Should I resize or compress my images for the web?
Both, in that order. Resize first so the image is no larger than the space it will be shown in, then compress so each remaining pixel is stored efficiently. Resizing changes the dimensions, compressing changes the encoding, and doing both is what produces a genuinely light image. This tool lets you set the quality while you resize, and the image compressor is the tool to reach for when the dimensions are already right and you only want a lighter file.

Need this done properly, at scale?

The tool handles the one-off. When it's a system you're building, that's the paid version of the job, and we do that too.

Custom Website Development