How to Resize Images Without Losing Quality
Why resized images turn blurry or stretched, and a simple workflow to resize photos for websites, social media and phone or desktop screens while keeping them sharp.
Resizing loses quality in two situations: when you make an image much larger than the original, and when you change its width and height by different amounts so it stretches. Shrinking a photo with a good resampling method, with the aspect ratio locked, almost never causes visible damage. The rest of this guide explains why, and gives a simple workflow for websites, social media and phone or desktop screens.
Why downscaling is safe and upscaling is not
Every digital image is a grid of pixels. When you resize, software has to calculate the colour of each pixel in the new grid from the pixels in the old one.
Downscaling (for example 4000×3000 to 1200×900) throws away pixels it no longer needs and averages the rest. Because the result has more source information than it can display, it usually looks crisp, often sharper than the original viewed at the same size.
Upscaling (for example 400×300 to 1600×1200) has the opposite problem. The software must create pixels that were never captured. It can only guess from neighbouring pixels, so edges soften and fine texture turns smooth or blocky. If you have a choice, always start from the largest original you have and size down.
If you really do need a bigger version of a small image, an AI model can predict plausible detail instead of simply interpolating. Our guide on how to make a small image bigger without losing quality covers that case, and the AI Image Upscaler handles 2×, 3× and 4× enlargements in the browser.
Resampling methods and what they do
The maths a tool uses to calculate new pixels is called resampling or interpolation. The common methods behave differently:
| Method | Result | Good for |
|---|---|---|
| Nearest neighbour | Hard, jagged edges | Pixel art, icons scaled by whole numbers |
| Bilinear | Fast but slightly soft | Quick previews |
| Bicubic | Smooth with good detail | General photo resizing |
| Lanczos | Sharpest of the classic methods, small risk of halos | High-quality downscaling |
| AI super-resolution | Predicts new detail | Large enlargements |
For everyday photo work, bicubic or Lanczos is the right choice. A tool that uses nearest neighbour on photographs will produce stair-stepped edges. Wikipedia's article on image scaling has visual comparisons if you want to see the differences side by side.
Resize vs crop vs compress
These three operations get mixed up constantly, and using the wrong one is the most common reason for a bad result.
- Resize changes the pixel dimensions of the whole image. The content stays the same, just bigger or smaller.
- Crop removes the edges of the image. It changes the framing and can change the shape (aspect ratio).
- Compress keeps the dimensions but reduces the file size by storing the data more efficiently, sometimes discarding detail you are unlikely to notice.
A typical example: you need a 1080×1080 image from a 4032×3024 phone photo. Resizing alone cannot do it, because the shapes are different (4:3 versus 1:1). If you force it, faces become wide and circles become ovals. The correct order is:
- Crop to a square, such as 3024×3024, positioning the subject where you want it.
- Resize the square down to 1080×1080.
- Compress the result for upload.
The Crop tool has 1:1, 16:9, 4:3, 3:4 and 9:16 presets so you can get the shape right before resizing. If you would rather keep the whole photo instead of cutting the edges, see how to make a picture square without cropping. For a profile picture shown in a circle, our WhatsApp DP size guide covers the extra margin you need.
Step-by-step: resize without losing quality
- Start from the original file. Do not resize a copy that was already shrunk, screenshotted or sent through a messaging app. Each round loses information.
- Decide the real display size. If your blog shows images 800 pixels wide, resize to 800 (or 1600 if you want to serve a sharper version for high-density screens), not 4000 "just in case".
- Fix the shape first. If the target aspect ratio differs from the photo, crop before you resize.
- Lock the aspect ratio. Enter the width and let the height follow, or the other way round.
- Resize once. Several small resizes in a row add softness each time. Go straight from the original to the final size.
- Sharpen lightly if needed. Downscaling can make a photo look a little soft. A small amount of sharpening restores crispness. Too much creates bright halos around edges.
- Export in a sensible format and quality, then compress (see below).
In the Image EditPro resizer you can resize by exact pixels with the ratio locked, by percentage, or pick a social media preset. It runs in your browser, so the photo is not uploaded to a server. If you also need a particular DPI or print size, see how to change image resolution online.
Resize a photo to fit your phone or desktop screen
Using one of your own photos or screenshots as a wallpaper is a good test of everything above, because the screen has a fixed resolution and shape.
Find the screen's resolution and shape
- Desktop or laptop: open the display settings and note the recommended resolution, for example 1920×1080 or 2560×1440. Most are 16:9, but many laptops are 16:10 (such as 1920×1200) and ultrawide monitors are wider still (such as 3440×1440).
- Phone or tablet: check the official specifications for the display resolution. Phones are tall portrait screens, and the exact ratio varies by model. Some phones also add a slight zoom or parallax effect, so the visible area can differ from the full resolution.
Crop to that shape, then resize
- Crop your photo to the screen's aspect ratio. Turning a landscape photo into a portrait phone wallpaper means cropping a lot from the sides, so choose a photo with room around the subject.
- On a phone, leave clear space at the top for the clock and keep the subject away from where app icons and widgets sit.
- Resize to the screen's resolution with the aspect ratio locked. If your photo is larger than the screen, this is a clean downscale.
- Save as a high-quality JPG for photos or PNG for graphics with text or flat colours.
- Set it as the wallpaper and look at both the lock screen and home screen. Adjust the crop if something important is hidden.
What not to do
Do not stretch a 16:9 image sideways to fill an ultrawide monitor, or squeeze a landscape photo into a portrait screen. People and buildings will look visibly distorted. Either crop, choose a different photo, or add plain or blurred space around it; our guide on changing an image's aspect ratio without cropping explains those options.
If your photo is smaller than the screen, it will be enlarged and may look soft. A 4K screen (3840×2160) needs four times the pixels of a Full HD screen (1920×1080), so a photo that looks fine on a laptop may not hold up on a large monitor.
Common target sizes
These are widely used dimensions. Platforms change their recommendations from time to time, so check the official help page when an exact size matters.
| Use | Typical size (pixels) |
|---|---|
| Full-width website banner | 1920 × 1080 |
| Blog or social share image | 1200 × 630 |
| Inline blog image | 800–1200 wide |
| Square product photo | 1000 × 1000 or larger |
| Instagram square post | 1080 × 1080 |
| Instagram story / reel cover | 1080 × 1920 |
| YouTube thumbnail | 1280 × 720 |
| Email newsletter image | 600 wide |
YouTube publishes its own thumbnail requirements, including the 1280×720 size and 2 MB limit, on its custom thumbnail help page.
Choosing a format after resizing
The format you save in affects quality as much as the resize itself.
- JPG is best for photographs. It is lossy, so every re-save loses a little detail. Use a quality setting of roughly 80–90 and avoid opening and re-saving the same JPG many times.
- PNG is lossless and keeps sharp edges, text and transparency, but photo files are large.
- WebP supports both lossy and lossless modes and is usually smaller than JPG at similar visual quality, which makes it a strong choice for websites. Google's WebP documentation explains how it works.
- AVIF compresses even further but encodes more slowly and is supported by fewer older apps.
For a deeper comparison, read PNG vs JPG vs WebP vs AVIF.
Resize first, then compress
Resizing and compression work best together. A phone photo of several megabytes is far larger than any web page or upload form needs. Resize it to the display size first, then compress it. The file drops dramatically, and at normal viewing size the difference is usually not visible.
After resizing, run the file through the image compressor and use the before/after view to pick a quality level. If a form or website demands a specific limit, the compress-to-size tools target an exact KB value. For websites, also set the image's width and height in the HTML so the page does not jump while it loads. The guide to compressing images without losing quality covers the settings in detail.
Mistakes that make resized images look bad
- Enlarging a tiny image a lot and expecting it to look sharp.
- Changing width and height independently, which stretches the subject.
- Resizing a copy of a copy instead of the original.
- Saving JPG at very low quality after resizing, which adds blocky artefacts.
- Oversharpening to compensate for softness, which creates halos.
- Uploading a huge original to a website and letting the browser shrink it, which wastes data and slows the page.
Frequently Asked Questions
Does resizing an image reduce its quality?
Making an image smaller with a good resampling method usually has no visible quality loss, and the result often looks sharper at its new size. Making an image larger is different: the software has to invent pixels, so enlarging a small photo by a lot will look soft or pixelated.
Why does my photo look stretched after resizing?
The width and height were changed by different amounts, so the aspect ratio changed. Keep the aspect ratio locked while resizing. If you need a different shape, crop the photo to that shape first and then resize it.
Should I resize or compress an image first?
Resize first, then compress. Resizing to the real display size removes the pixels you do not need, and compression then reduces the file size of what is left.
How do I resize a photo to fit my phone or desktop screen?
Find the screen resolution in your device settings or official specifications, crop the photo to the same aspect ratio as the screen, then resize it to that resolution with the aspect ratio locked. Preview it on the device and adjust the crop if icons or the clock cover the subject.
Can I make a small image bigger without losing quality?
Normal resizing cannot add real detail, so a large enlargement will look soft. An AI upscaler can produce a sharper-looking larger image by predicting detail, but it may add details that were not in the original, so compare the result with the source.