Resize Image: Free Image Resizer

How do I resize an image online?

Press Choose pictures, or drop or paste files onto the page, then pick how to resize: width and height in pixels, a percent, or the longest side. Press Resize and Download. One picture arrives as a single file and several arrive together as a ZIP. The resizing runs in your browser.

1. Press Choose pictures, drop files on the page, or paste a copied picture with Ctrl+V.
2. Under Resize by, pick pixels, percent or longest side. For pixels, fill the width, the height or both, or pick a common size.
3. Leave Save as on keeping each format, or switch to JPG, PNG, WebP or AVIF. Lower the quality slider only if you also want a smaller file.
4. Press Resize, then Download. The result list shows each picture before and after, in pixels and in file size.

The page reads each file by its first bytes, so a PNG named photo.jpg still opens. iPhone HEIC photos open too. To make the file smaller without changing the pixels, use Compress Image, which can aim for a size such as 100 KB. To switch formats, use the Image Converter.

How do I resize an image without losing quality?

Shrink it once from your best original, and keep the quality setting high. Making a picture smaller always discards pixels, but a good downscaler averages them instead of skipping them, so the smaller picture looks clean. This tool uses area averaging and saves JPG at quality 90 by default. Never enlarge a small picture and expect more detail.

Area averaging gives each output pixel the weighted mean of the source pixels it covers, so fine texture blends smoothly instead of turning into jagged edges. We checked the code against libvips, a widely used image library, by shrinking the 1280 x 854 test photo to 640 x 427 pixels and comparing both results with libvips Lanczos3 output. Our area averaging differed from it by 3.17 levels out of 255 per color channel on average. Simply skipping pixels (nearest neighbor) differed by 10.84, which is about 3 times more.

The test photo is grainy, which raises both numbers; the order is what matters. Enlarging works through the browser's smoothing and cannot invent detail, so a 300 pixel picture stretched to 3000 pixels looks soft. To enlarge with crisper edges, Upscale Image doubles the size with an AI model on your device. Resize from the largest original you have, and do it once. Each extra save in a lossy format such as JPG adds a little error.

How do I resize an image to an exact width and height?

Pick Width and height in pixels and fill both boxes. With the proportions lock on, each picture fits inside that frame without stretching, so one side may come out smaller than you typed. Turn the lock off to stretch the picture to exactly that width and height. A blank box leaves that side alone.

Each side is rounded to a whole pixel, so a locked result can differ from a perfect ratio by half a pixel. The common sizes menu fills the boxes with plain screen resolutions such as 1920 x 1080 and turns the lock on, which fits every picture inside that frame. For a batch of mixed shapes, the longest side setting is the simplest: every picture ends up with the same long edge and keeps its own proportions.

Does resizing an image make the file smaller?

Yes, because fewer pixels need fewer bytes. File size does not fall in step with pixel count, though. In our test, a photo with a quarter of the pixels (640 pixels wide instead of 1280) was 27 percent of the file size, not 25 percent.

Halving both sides keeps a quarter of the pixels, but the smaller picture packs the same detail into fewer pixels, so each pixel is harder to compress and the file shrinks less than the pixel count does. At 400 pixels wide the photo was 32 KB. If an upload form asks for a file size rather than a pixel size, Compress Image searches for the largest quality and size that fit under the number you enter. Pixel size also matters for page speed: web.dev notes that an image larger than the space it fills sends bytes the visitor never sees.

What size should I resize an image to?

Match the size where the picture will be shown. A photo shown 600 pixels wide on a normal screen needs about 600 pixels, and about 1200 on a screen that packs twice the pixels into the same space. Anything larger adds file size without adding anything the viewer can see. Keep the original in case you need more later.

The web.dev article on serving images with correct dimensions explains the same rule for web pages, and its guide to choosing an image format shows how pixel counts grow when a screen doubles its resolution: four times the pixels, not twice. For a form or app that names a required size, use its number. For email, try the longest side setting and read the file size in the result list to check it against the limit. A platform can change the sizes it asks for, so check its own help page before relying on a number.

How do I resize many images at once?

Add every picture in one go, with the file picker, by dropping them, or by pasting. Set the size once, then press Resize. Each picture is resized with the same setting and downloads inside one ZIP file. For mixed portrait and landscape photos, use the longest side setting so every picture keeps its own shape.

File names in the ZIP get a -resized ending, so an original called IMG_0001.jpg becomes IMG_0001-resized.jpg and never overwrites the original in the same folder. Two inputs with the same base name get -2, -3 and so on. One damaged file is left out with a message and does not stop the rest. A phone holds about 120 MB of pictures at once and a computer about 600 MB, so split a very large batch.

Does resizing remove location and camera details?

Yes. The browser draws the picture on a canvas and saves a new file, and that new file carries none of the original's EXIF block, which holds the GPS location, camera model and time. The camera turn is applied to the pixels first, so a photo shot sideways stays upright. Pixels are the only thing carried over.

MDN's page on createImageBitmap() documents the option this page uses to apply the EXIF orientation when it opens the picture. Color profiles are not kept either: the result uses the browser's standard screen colors, which suits web and screen use. A print workflow that depends on a wide-gamut or CMYK profile should resize in a desktop editor.