tigtools

How to Resize Images Without Stretching Them

Resize images without distortion by keeping the aspect ratio. Learn when to use contain, cover, or cropping, and what to expect when enlarging images.

By TIG Tools editorial teamPublished October 25, 20266 min read

To resize an image without making people or objects look unnaturally wide or tall, keep its aspect ratio: the relationship between its width and height. When the new dimensions have a different shape, choose whether to leave empty space, crop part of the image, or accept distortion. For most uses, preserve the ratio and use contain or cover rather than stretch.

What aspect ratio means

An image’s aspect ratio compares its width to its height. A 1600 × 1200 image has a 4:3 ratio; a 1920 × 1080 image has a 16:9 ratio. The numbers do not have to be simplified, as long as the width-to-height relationship stays the same.

If you change an image’s width and height by the same proportion, the ratio stays unchanged. For example, halving a 1600 × 1200 image produces 800 × 600, which is still 4:3. If you change only the width, or choose new dimensions with a different ratio, the image will either be distorted, cropped, or displayed with unused space.

Use the Aspect Ratio Calculator to work out a matching dimension before resizing. For example, if a 4:3 image should be 900 pixels wide, its matching height is 675 pixels.

Contain, cover, and stretch

These terms describe how an image is fitted into a target width and height. The right choice depends on whether the whole image must remain visible or the target area must be filled.

Contain: show the whole image

Contain scales the image until all of it fits inside the target dimensions, while keeping its aspect ratio. If the image and target have different shapes, some space remains unused on two sides. That space can be left as a background or filled with a chosen color, depending on the editor or the layout where the image will appear.

Choose contain when the entire image matters, such as for a product photo, diagram, or logo. It avoids cutting off details, but the result may not fill a fixed-size frame.

Cover: fill the target area

Cover scales the image until it fills the target dimensions, while preserving its aspect ratio. If the shapes differ, some of the image extends beyond the target area and is cropped. This avoids empty bands, but you may lose part of the top, bottom, or sides.

Choose cover for a fixed-size banner, thumbnail, or image frame when filling the space matters more than showing every edge. Check the crop position so the subject stays visible.

Stretch: fill by changing the shape

Stretch forces the image to match the target width and height, even when the ratios differ. It keeps the whole image, but changes the proportions: a circle may look like an oval, and a face may look wider or narrower.

Stretch is usually the wrong choice for photographs and artwork. It can be appropriate for certain textures or backgrounds where distortion is not noticeable, but do not use it when accurate proportions matter.

Worked example: fitting a 4:3 photo into a 3:2 frame

Suppose your photo is 1600 × 1200 pixels, and the frame you need is 1200 × 800 pixels. The photo is 4:3; the frame is 3:2. Because those ratios differ, there is no way to show the whole photo, fill the frame, and preserve the proportions at the same time.

  • Contain: The image fits within 1200 × 800 at about 1067 × 800 pixels. The full photo remains visible, with about 133 pixels of unused width in total. If centered, that is roughly 67 pixels on each side.
  • Cover: The image scales to 1200 × 900 pixels to fill the frame. About 100 pixels of height must be cropped in total. A centered crop removes around 50 pixels from the top and bottom.
  • Stretch: The image becomes 1200 × 800 pixels with no crop or unused space, but the photo is compressed vertically compared with its original proportions.

For a portrait where the face is near the top, a centered cover crop may cut off too much of the subject. Adjust the crop position or use contain instead. The Image Cropper can help you choose the visible area deliberately; the Image Resizer offers all three modes when you set both dimensions: fit with padding (contain), crop to fill (a centered cover crop) and stretch. Because its crop is always centered, crop off-center subjects in the cropper first.

How to resize without stretching

  1. Check the original dimensions. Find the image’s pixel width and height. If you know the target width, calculate the matching height from the original ratio, or do the reverse.
  2. Decide what must be preserved. If every part of the image must remain visible, use contain. If the image must fill a fixed frame, use cover and inspect the crop.
  3. Keep proportions locked when entering dimensions. Many image editors have a link, chain, or lock control for maintaining the aspect ratio. With it enabled, changing one dimension updates the other. If you enter both dimensions independently, verify that they match the original ratio unless you intend to crop or distort.
  4. Review the result at its intended size. Look for clipped subjects, empty bands, or visible distortion. A preview helps catch problems that are not obvious from the dimension fields alone.
  5. Save a copy. Keeping the source image lets you change the crop or output size later without starting from a previously reduced version.

If your requirement is a specific frame size, crop to that ratio first or use a cover-style crop during resizing. Cropping removes pixels outside the selected area; it does not change the proportions of the pixels that remain. For the most control, choose the crop area first, then resize the cropped image to the required dimensions.

Cropping: when it is the better solution

Cropping is useful when a platform or design requires a specific shape, such as a square thumbnail, but the original image is wider or taller. Choose the crop area to keep the important content, then export at the required pixel dimensions. You can center the crop for a balanced composition, or move it to protect a subject near an edge.

A crop can discard information permanently in the exported file. Keep the original, especially if you may need a different crop later. Also consider whether the image will be displayed responsively: a crop that looks right in one frame may cut off a subject in a narrower or wider layout.

What happens when you upscale

Upscaling means increasing an image’s pixel dimensions. If a 600 × 400 image is resized to 1200 × 800, the output has four times as many pixels, but the source did not contain that additional captured detail. Image software has to estimate the new pixels from the existing ones. The result can look softer or show artifacts, especially when enlarged substantially.

Upscaling does not always make an image unusable. A modest enlargement may look acceptable at the size and viewing distance you need. But resizing cannot reliably restore fine detail that was not present in the source. For a sharper result, look for a larger original, export again from the original project, or use a higher-resolution version. Avoid repeatedly resizing an already reduced copy; start from the original where possible.

Also distinguish pixel dimensions from display size. A 1200-pixel-wide image can be shown at a smaller size without changing its file dimensions. Conversely, setting a larger pixel width creates a larger output file but does not guarantee additional real detail.

Common mistakes to avoid

  • Changing width and height independently without checking the ratio.
  • Using stretch just to remove blank bands around an image.
  • Choosing cover without checking whether the crop cuts off important content.
  • Enlarging a small image and expecting it to gain source detail.
  • Cropping or resizing the only copy of an image you may need again.

Summary

  • Keep the original width-to-height ratio to avoid distortion.
  • Use contain to show the whole image, with possible empty space.
  • Use cover to fill a frame, accepting a crop; use stretch only when distortion is acceptable.
  • Crop with the subject in mind, and remember that upscaling cannot recreate missing detail.

Try it now

Use the Image Resizer for free, right in your browser. No sign-up, and your files stay on your device.

Open Image Resizer

More guides