How to Resize Images Online for Free — Complete Guide

I have spent a lot of time over the years resizing images — for websites, social media posts, client presentations, email newsletters, and print materials. For a long time, my only option was Photoshop, which felt like overkill for something as simple as changing an image's dimensions. Then I started doing it in Microsoft Paint, which worked but felt primitive. Eventually I moved to browser-based tools, and honestly, I have never looked back.

In this guide I am going to walk you through everything you need to know about resizing images online — what it actually means technically, when you should resize versus when you should compress, how to maintain quality while changing dimensions, and which tools to use depending on your situation.

If you just want to resize an image right now, you can use our free Image Resizer tool — it runs entirely in your browser, requires no account, and takes about ten seconds. But if you want to understand what you are doing and why, read on.

What does "resizing an image" actually mean?

When you resize an image, you are changing its pixel dimensions — the width and height measured in pixels. An image that is 3000×2000 pixels resized to 1500×1000 pixels is now half as wide and half as tall, and contains a quarter of the original number of pixels.

This is different from compressing an image, which reduces the file size by discarding some of the colour data within each pixel. Compression makes the file smaller without changing the pixel dimensions. Resizing changes the dimensions, which usually also reduces the file size as a side effect — but through a completely different mechanism.

You can also upscale an image — make it larger than its original size. But here's the honest truth: upscaling reduces quality. When you make an image larger, your software has to invent new pixels by guessing what colour they should be based on the neighbouring pixels. This process is called interpolation, and it always introduces some blurriness or softness. The more you upscale, the worse it looks.

The golden rule is: always work from the highest resolution source image you have. Downscaling (making an image smaller) always looks better than upscaling, so start big and shrink down.

Why would you need to resize an image?

There are more reasons to resize images than most people realise. Here are the most common ones:

How to resize an image online — step by step

Using our free Image Resizer, here is exactly how to resize an image in under a minute:

1. Open the tool — Visit our Image Resizer. No sign-up or account needed.
2. Upload your image — Drag and drop your image onto the upload area, or click to browse your files. JPEG, PNG, and WebP are all supported.
3. Choose your resize method — Select "By Pixels" if you know the exact dimensions you need, or "By Percentage" if you want to scale the image up or down by a set amount (e.g. 50% to halve the size).
4. Enter your dimensions — If resizing by pixels, enter the width and height. Enable "Lock aspect ratio" to prevent the image from being stretched or distorted. If one dimension changes, the other will update automatically.
5. Use a preset if it helps — We have quick presets for common sizes including Instagram (1080×1080), HD video (1280×720), Full HD (1920×1080), and Twitter (1200×675).
6. Choose output format and quality — Select JPEG for photos (smaller file size), PNG for graphics with transparency, or WebP for the best compression on the web.
7. Download — Click "Resize Image" and then download your resized file.

The whole process happens in your browser. Your image is never uploaded to any server, which means it is completely private and there are no file size limits.

Pixels vs percentage — which should you use?

Both methods are valid, but they work better in different situations.

Use pixels when you have a specific target size in mind — for example, a platform that requires images to be exactly 1200×630 pixels, or a website template where images need to be 800 pixels wide to fit the layout correctly. Pixels give you precise control.

Use percentage when you just want to make an image smaller or larger without worrying about specific dimensions. If you have a batch of photos from your camera that are all too large for email, resizing everything to 25% of the original size will give you consistently smaller versions regardless of the exact dimensions of each photo.

Percentage resizing always maintains the aspect ratio automatically, so you never have to worry about distortion. Pixel-based resizing gives you the option to lock the aspect ratio or override it — useful when you need a square image from a rectangular one.

Understanding aspect ratio — and why it matters

The aspect ratio of an image is the proportional relationship between its width and height. A 1920×1080 image has a 16:9 aspect ratio. A 1080×1080 image has a 1:1 (square) ratio. A 1080×1350 Instagram portrait has a 4:5 ratio.

If you resize an image to dimensions that have a different aspect ratio than the original — for example, resizing a 16:9 landscape photo to a 1:1 square — the image will be stretched or squashed unless you handle this carefully.

There are two ways to handle aspect ratio mismatches:

• Crop — Keep the full width or height and cut off the parts that do not fit. The image fills the new dimensions perfectly but some content is lost.
• Letterbox / fit — Scale the image to fit within the new dimensions with its aspect ratio intact, leaving blank space (bars) on two sides.

When using our resizer with "Lock aspect ratio" enabled, changing one dimension automatically adjusts the other to maintain the original proportions. If you need a specific square crop from a rectangular image, it is usually better to crop first, then resize.

Image sizes for every social media platform in 2024

This is the reference guide I keep coming back to whenever I need to prepare images for social media:

Sizes correct as of March 2024. Social platforms change their recommendations occasionally.

Tips for resizing images without losing quality

• Always keep your original. Before resizing, make a copy of your original file. Never overwrite the original — you may need it later at a different size.
• Downscale, never upscale. If possible, always start from a higher resolution image and shrink it down. Upscaling always reduces sharpness.
• Use PNG for graphics, JPEG for photos. PNG is lossless but creates larger files. JPEG uses lossy compression which introduces artefacts on text and sharp edges. For photographs, JPEG at 85–92% quality is undetectable and much smaller.
• For web images, use WebP. WebP offers better compression than JPEG at the same visual quality. All modern browsers support it, so there is no reason not to use it for web images.
• Use 72 PPI for screens, 300 DPI for print. Screens display at 72–96 PPI. Saving screen images at 300 DPI just makes the file larger without improving how they look on screen.

Related guides