How to resize an image without stretching or distortion
Understand aspect ratio, cropping, upscaling and ready-made dimensions before resizing a photograph or graphic.
Keep the aspect ratio linked
Aspect ratio is the relationship between width and height. Changing only one dimension while the ratio is linked lets the other dimension update automatically and prevents circles, faces and logos from becoming stretched.
If a destination requires an exact ratio that differs from the source, resize alone cannot satisfy it without distortion or empty space. Crop to the required ratio first, then resize to the final pixels.
Resize and crop solve different problems
Resizing changes the number of pixels in the whole image. Cropping removes content around the edges. A square profile photo normally needs a square crop before it is resized to a platform's requested dimensions.
Use fit-inside when the entire image must remain visible. Use a crop or fill workflow when edge-to-edge coverage matters more than preserving every part of the source.
Avoid unnecessary enlargement
Making a small image larger creates new pixels by estimation. It may look smoother, but it does not recover fine detail that the source never contained. Logos and text can become especially soft.
Leave the do-not-enlarge option enabled for batches containing mixed sizes. This prevents smaller files from being inflated simply because a larger preset was selected.
Select dimensions for the destination
Use the destination's documented size when available. For websites, export near the largest displayed size and let responsive layout handle smaller screens. For print, calculate the needed pixels from the intended physical size and DPI.
Social platforms can change recommendations, so treat ready-made presets as convenient starting points and verify current platform guidance for a critical campaign.
Inspect the result
Check sharp edges, small text and faces at normal display size. Compare the new dimensions and file size with the source, and make sure orientation did not change unexpectedly.
Keep an original master. Repeatedly resizing an already reduced JPG can accumulate compression damage and leave fewer options for a future crop.
Common aspect ratios
Knowing the ratio a destination expects tells you whether a simple resize is enough or a crop is needed first.
| Ratio | Typical use | Example size |
|---|---|---|
| 1:1 | Profile pictures, square social posts, product tiles | 1080 × 1080 |
| 4:5 | Portrait social posts | 1080 × 1350 |
| 3:2 | Most DSLR and mirrorless photos | 6000 × 4000 |
| 4:3 | Many phone photos, older displays | 4032 × 3024 |
| 16:9 | Video thumbnails, presentations, widescreen | 1920 × 1080 |
| 9:16 | Stories and short vertical video covers | 1080 × 1920 |
Working out the missing dimension
When the ratio is locked, the calculation is simple: new height equals new width multiplied by original height, divided by original width. A 4032 × 3024 phone photo resized to 1,600 pixels wide becomes 1,600 × 1,200, because 1,600 × 3,024 ÷ 4,032 = 1,200. The resizer does this for you, but knowing the arithmetic helps you predict whether a photo will fit a slot before you start.
If the calculated height is too tall for the space, resize by height instead, or crop the photo to the slot's ratio first.
Step-by-step: preparing a square profile picture from a landscape photo
- Open Crop Image and choose the 1:1 ratio.
- Position the square so the face sits slightly above the centre, leaving a little space above the head.
- Crop and download.
- Open Image Resizer, lock the ratio and set the width to the size the platform recommends, for example 400 or 800 pixels.
- Choose JPG for a photo, or PNG if you have removed the background and need transparency.
- Check the result at the size it will appear, often a small circle, and make sure the face is still centred after circular masking.
Worked example: consistent product images
An online seller has 30 product photos in mixed shapes: some 4:3 from a phone, some 3:2 from a camera. The shop theme displays square tiles. Simply resizing all of them to 1,000 × 1,000 would stretch every photo. Instead the seller crops each to 1:1 with the product centred, then resizes the batch to 1,000 pixels wide. Every tile now has the same shape, products keep their real proportions, and the grid looks tidy.
Quick answers
Why did my image come out smaller than the box I typed? Fit inside dimensions treats the numbers as a maximum and keeps the original shape. One side matches the box; the other is smaller.
Can I resize without losing quality? Shrinking keeps images sharp at their new size. Enlarging always softens detail. Saving as JPG adds slight compression; choose PNG when exact pixels matter.
Does resizing change DPI? Pixel dimensions and the stored DPI value are separate. Use Change Image DPI if a print shop asks for a specific DPI value.
Resampling: how new pixels are calculated
When an image is resized, the software has to calculate the colour of each new pixel from the pixels around it. This process is called resampling. Simple methods copy the nearest pixel, which keeps hard edges but produces jagged results. Smoother methods blend neighbouring pixels, giving natural results for photographs. Browsers and image tools use smooth resampling by default when shrinking images.
Reducing size is forgiving because many original pixels contribute to each new one, so detail is averaged cleanly. Enlarging is harder: the software must invent pixels between existing ones, and even the best methods produce softness. That is the technical reason behind the advice to always resize down from a large original rather than up from a small one.
Resizing for print versus screen
For screens, pixel dimensions are all that matter. A 1,200-pixel-wide image fills a 1,200-pixel area on a standard display regardless of any DPI value stored in the file. For high-density displays, such as most modern phones and many laptops, providing an image at twice the display size makes it look crisper.
For print, the required pixels depend on the physical size and the resolution the printer needs, typically 300 pixels per inch for photos viewed up close. A 6 × 4 inch print needs 1,800 × 1,200 pixels. Use Print Size Calculator to work this out for any size, and avoid shrinking an image below the pixels its print size requires.
Avoiding quality loss across repeated edits
Every time a JPG is resized and saved, it is recompressed, and small losses accumulate. If you need several sizes of the same image, for example a large banner, a medium thumbnail and a small avatar, create each one directly from the original rather than resizing the banner to make the thumbnail, then the thumbnail to make the avatar.
If you are editing an image in several steps, such as cropping, adjusting and resizing, work in PNG or keep the highest quality until the final export, then save the delivery version as JPG or WebP once. This keeps the final image as close to the original as possible.
Resizing images for documents and presentations
Images pasted into Word documents, slide decks and emails are often far larger than needed. A 12-megapixel photo in a presentation can make the file tens of megabytes, slow to open and hard to email. Before inserting photos, resize them to roughly the size they will appear: about 1,600 to 2,000 pixels wide is plenty for a full-width slide on a large display, and 800 to 1,200 pixels is enough for an image that takes up half a document page.
Office applications can also compress pictures inside a document, but resizing beforehand gives you more control and keeps the original photos untouched in their folder. If a document will be printed at high quality, keep images larger, calculating the needed pixels from the print size.
Batch resizing a folder of photos
When preparing many photos, such as a set of event pictures for a website gallery, resize them all to the same long-edge size in one batch. Lock the aspect ratio and enter the width for landscape photos; portrait photos in the same batch will come out with the same width and a taller height, which is usually what galleries expect. If the gallery requires identical dimensions for every image, crop them to a common ratio first.
Keep the batch settings noted, for example width 1,600, JPG, quality 80, so that photos added later match the earlier ones.
Privacy
Image Resizer and Crop Image work in your browser, so personal photos are not uploaded while you resize them. Re-encoding during resizing also means embedded camera details, such as GPS location, are not carried into the new files. Keep the originals if you need those details for your own records, and share the resized copies.
Summary
Keep the aspect ratio locked, crop first when the destination needs a different shape, resize down rather than up, and create every size from the original master. Check results at their real display size, and keep notes of the settings you use so future images stay consistent.