How to Resize an Image Without Losing Quality
You can resize an image without losing quality if you follow a few simple rules: scale down rather than up, keep the aspect ratio, and compress only once at the end.
Use our free Resize Image tool to do this in just a few clicks. It runs in your browser, so your files stay private.
Key takeaways
- Shrinking an image is safe. Enlarging it cannot add detail.
- Keep the aspect ratio to avoid stretching.
- Start from the biggest original you have.
- Resize first, then compress.
What losing quality really means
When you make an image smaller, the software combines pixels, and a good method keeps edges crisp. When you make it larger, the software has to invent pixels, and the picture looks soft. So the question is mostly about direction: down is fine, up is risky.
Scale down, not up
Always keep your largest original and create smaller copies from it. If you resize a small picture to be bigger, no tool can restore the missing detail. Our resize tool lets you enlarge up to 400%, but it works best for reduction.
Keep the aspect ratio
The aspect ratio is the relationship between width and height. If you change only one of them, the picture looks stretched. Turn on Keep aspect ratio and enter either width or height, and the other follows.
Pick a sensible size
| Use | Typical size (px) |
|---|---|
| Blog image | 1200 wide |
| Link preview | 1200 × 630 |
| Instagram post | 1080 × 1080 |
| Email image | 600 wide |
| Thumbnail | 300 to 400 wide |
For sharp results on high-density screens, make the image about twice its display width, then let the page scale it down.
Crop if the shape is wrong
If you need a different shape, crop first and resize second. The Crop Image tool keeps the pixels untouched, and the Resize Image tool then sets the final size.
Resize, then compress
Resizing already reduces file size. After that, compress once at a moderate quality, or convert to WebP for websites. Read how to reduce image file size for the full workflow.
Common mistakes
- Resizing a small image to be larger and expecting detail.
- Typing both width and height with the aspect ratio off.
- Saving over the original file.
- Compressing and resizing the same copy many times.
Resize for sharp screens
Many phones and laptops pack more physical pixels into the same space. To keep an image crisp there, make it about twice as wide as its display width. A picture shown 600 pixels wide looks sharper when the file is around 1200 pixels wide. Going far beyond that only adds file size.
Resizing many images consistently
For a set of photos that should match, resize them all by width, for example 1200 pixels, with Keep aspect ratio on. Each image keeps its own shape and ends up the same width. The Resize Image tool handles up to 30 files at a time and gives you a ZIP.
Does the format change when you resize?
Not unless you ask. A JPG stays a JPG, a PNG stays a PNG. You can also save as WebP while resizing, which is a good way to shrink website images in one step.
Step by step with the Resize tool
- Open Resize Image and add your images.
- Choose By width and height, and type the width you need.
- Leave Keep aspect ratio on so the height follows.
- Press Resize Images and check the new dimensions and size.
- Download the files, or take them all as a ZIP.
Using the presets
The preset list fills in common sizes such as 1200 by 630 for link previews, 1080 by 1080 for square posts and 1280 by 720 for video thumbnails. The image is fitted inside that size without stretching. If you need an exact shape, crop first with Crop Image and then resize.
Percentage or pixels?
Use a percentage when you have many photos of different shapes and just want them smaller, for example 50%. Use pixels when you need a specific width for a website or a document. Percentages keep each image proportional automatically.
If you must enlarge an image
Enlarging cannot add detail, so the result looks soft. If you have to do it, keep the increase small, and avoid enlarging a picture that was already compressed heavily. Where possible, go back to the original file or take the photo again at a higher resolution.
Aspect ratio examples
| Original | New width | New height with aspect ratio kept |
|---|---|---|
| 4000 x 3000 | 1200 | 900 |
| 3000 x 2000 | 1200 | 800 |
| 1080 x 1920 | 540 | 960 |
Resizing for documents and email
Images placed in documents and emails rarely need to be larger than the page they sit on. Resize photos to about 1200 pixels wide for a document, and smaller for email, so the file stays easy to send.
Resizing for your web layout
Find out how wide your content column is, and resize your images to that width, or about twice that for sharp screens. A matching size avoids wasted bytes and keeps the page layout tidy.
Frequently Asked Questions
Does resizing always reduce quality?
Shrinking keeps images sharp when done well. Enlarging makes them softer.
What is the best size for a website image?
It depends on the layout, but about 1200 pixels wide suits many blog images.
Should I resize or compress first?
Resize first, then compress.
Can I resize several images at once?
Yes. The resize tool handles up to 30 images in one run.
Keep reading
Learn how to reduce image file size with five simple steps: resize, pick the right format, compress, convert to WebP and measure the result.
What Is WebP? A Plain-English Guide to the WebP Image FormatWhat is WebP? Learn what the WebP image format is, how it compares with JPG and PNG, where it works and when to convert it. A simple guide.
JPG vs PNG vs WebP vs AVIF: Which Image Format to UseJPG vs PNG vs WebP vs AVIF compared: compression, transparency, animation and compatibility, with a simple guide to choosing the right format.